构建
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>中国移动</title>
</head>
<body>
<h1>
用户注册
</h1>
<div>
用户名: <input type="text">
</div>
<div>
用户密码: <input type="password">
</div>
<div>
性别: <input type="radio" name="d1">男
<input type="radio" name="d1">女
<input type="radio" name="d1">沃尔玛购物袋
</div>
<div>
兴趣爱好:
<input type="checkbox">篮球
<input type="checkbox">足球
<input type="checkbox">羽毛球
<input type="checkbox">棒球
</div>
<div>
目前居住城市:
<select name="" id="">
<option value="">北京</option>
<option value="">上海</option>
<option value="">广州</option>
<option value="">深圳</option>
</select>
</div>
<div>
<textarea rows="2">备注</textarea>
</div>
<div>
<input type="button" value="提交"> -->普通的按钮
<input type="submit" value="提交"> -->提交表单的按钮
</div>
</body>
</html>
补充
- 网络请求
<!-- 在浏览器的URL中写入地址,点击回车,访问 -->
<!-- 浏览器会发送数据过去,本质上发送的是字符串: -->
GET /explore httpl.1\r\nhost:... r\nuser-agent\rln..(r\n\rn'
<!-- 浏览器会发送数据过去,本质上发送的是字符串: -->
"POST /explore httpl.1\r\nhost:.rnuser-agent\rn.r\n\r\n数据库
浏览器向后端发送请求时
GET请求[URL方法/表单提交]
现象: GET请求、跳转、向后台传入数据数据会拼接在URL上。
https://wwwsogou.com/web?query=安卓&age=19&name=xx
注意:GET请求数据会在URL中体现
POST请求[表单提交]
现象:提交数据不在URL中而是在请求体中
往期回顾
1.【快速开发网站】
2.【浏览器能识别的标签1】
3.【浏览器能识别的标签2】
4.【浏览器能识别的标签3】
5.【浏览器能识别的标签4】