一、表单
在网页中可以使用表单，将本地的数据提交给远程的服务器。使用 <form> 标签可以创建一个表单。
<!DOCTYPE html>
<html>
<head>
<title>表单</title>
<meta charset="UTF-8">
</head>
<body>
<!--
form的属性：
- action 表单要提交的数据的地址
- method 设置表达提交数据的方式
- get
- 浏览器地栏中的地址是：action 属性[+?+请求参数] 请求参数的格式是：name=value&name=value
- 不安全
- 有数据长度的限制
- post
- 浏览器地址栏中只有action属性值
- 相对于 GET 请求要安全
- 理论上没有数据长度的限制
- 数据要发送到服务器中，必须要为元素指定一个name属性值
- autocomplete 可以关闭自动补全
- readonly 将表单项设置为只读，数据会提交
- disable 将表单项设置为禁用，数据不会提交
- autofocus 设置表单项自动获取焦点
-->
<form action="https://www.baidu.com" method="get">
<!-- 添加表单项 -->
id <input type="text" value="001" readonly><br>
<!-- 文本框 -->
姓名 <input type="text" name="name" autocomplete="off" autofocus><br>
<!-- 密码框 -->
密码 <input type="password" name="password"><br>
<!--
单选按钮
- 向这种选择框，必须指定一个value属性，
value属性最终会作为用户填写的值，传递给服务器
- checked 可以将单元按钮设置为默认选中
-->
性别 <input type="radio" name="sex" value="boy">男
<input type="radio" name="sex" value="gril" checked>女<br>
邮箱 <input type="email" name="email"><br>
<!-- 多选框 -->
爱好 <input type="checkbox" name="hobby" value="sing">唱歌
<input type="checkbox" name="hobby" value="draw" checked>画画
<input type="checkbox" name="hobby" value="dance">跳舞<br>
<!-- 下拉列表 -->
国家
<select name="nation">
<option value="unknown">--请选择国家--</option>
<option value="china" selected>中国</option>
<option value="america">美国</option>
<option value="russia">俄罗斯</option>
</select><br>
是否同意用户协议 <input type="radio" name="aggreement" value="aggree" disabled>同意
<input type="radio" name="aggreement" value="disagree" checked disabled>不同意<br>
<br>
<!-- 普通按钮 -->
<input type="button" value="返回">
<!-- 重置按钮 -->
<input type="reset">
<!-- 提交按钮 -->
<input type="submit" value="注册"><br><br>
<!-- 普通按钮 -->
<button type="button">返回</button>
<!-- 重置按钮 -->
<button type="reset">重置</button>
<!-- 提交按钮 -->
<button type="submit">提交</button>
</form>
</body>
</html>
标签：22,--,同意,表单,提交,服务器 From： https://www.cnblogs.com/nanoha/p/17015737.html数据要发送到服务器中，必须要为元素指定一个 name 属性值