56 lines
2.2 KiB
HTML
56 lines
2.2 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
<title>Document</title>
|
|||
|
|
<script>
|
|||
|
|
function login(){
|
|||
|
|
var account=document.getElementById("account").value
|
|||
|
|
var pwd = document.getElementById("pwd").value
|
|||
|
|
document.write(account+"的密码是："+pwd)
|
|||
|
|
console.log(account)
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<!--
|
|||
|
|
前后台分离
|
|||
|
|
前台 后台(数据库 存储数据)
|
|||
|
|
前台和后台通过 api（接口） 来联系
|
|||
|
|
api 返回的格式
|
|||
|
|
code 接口请求状态
|
|||
|
|
data
|
|||
|
|
msg 提示信息
|
|||
|
|
form
|
|||
|
|
表单 前台输入的信息 收集起来 （）传到后台 后台把信息存起来
|
|||
|
|
action
|
|||
|
|
-->
|
|||
|
|
<!-- <form action="" method=""> -->
|
|||
|
|
用户名 <input type="text" value="张三"><br />
|
|||
|
|
密码 <input type="password" value="123"><br />
|
|||
|
|
性别 <input type="radio" id="man" name="sex" checked="checked"> <label for="man">男</label>
|
|||
|
|
<input type="radio" id="woman" name="sex" > <label for="woman">女</label> <br />
|
|||
|
|
爱好 <input type="checkbox" id="mov"><label for="mov"> 看电影</label>
|
|||
|
|
<input type="checkbox" id="game" checked="checked" > <label for="game">打游戏</label>
|
|||
|
|
<input type="checkbox" id="music" checked="checked"><label for="music">听音乐</lable><br />
|
|||
|
|
地址 <select name="" id="">
|
|||
|
|
<option value="">济南</option>
|
|||
|
|
<option value="" >泰安</option>
|
|||
|
|
<option value="" >济宁</option>
|
|||
|
|
<option value="">淄博</option>
|
|||
|
|
<option value="">德州</option>
|
|||
|
|
<option value="" selected="selected">西安</option>
|
|||
|
|
</select><br />
|
|||
|
|
<button onclick="alert('注册成功')">提交</button>
|
|||
|
|
<!-- </form> -->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div>
|
|||
|
|
qq号：<input type="text" id="account" value=""> <br/>
|
|||
|
|
密码： <input type="password" id="pwd" value=""><br/>
|
|||
|
|
<button onclick="login()">登录</button>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
</html>
|