form是块级
输入框是行级
action:指定表单数据提交的地址
method:表单数据提交的方法
为了往服务器提交数据时,提交的数据清晰易懂方便处理;
1:普通的输入框,需添加name属性,来保证键值对的完整
2:非输入框,需要添加name和value属性,来保证键值对的完整。name还有分组的作用,
单选框,相同name的是一组,单选框中同一组内的选项有互斥的效果。
复选框,也需要name属性来表明当前的多项是一组
通过get请求往服务端提交数据的时候,提交的数据会追加在url地址的后面。
以?进行分隔,多个数据之间用&分隔。
get请求的缺点:暴漏敏感信息 传输信息有限
get请求的优点:传输速度快,
post请求:传输的数据放在请求体中,而不是暴漏在URL地址后面
post优点:可以隐藏敏感的信息,传输的数据多少没有限制
post缺点:传输速度慢
按钮四个:
type:reset、submit、image 重置、提交、具有提交功能的图片
<form action="ccy.php" method="post">
姓名:<input type="text" name="name"/><br/>
密码:<input type="password" name="pwd"/><br/>
<!--name的属性值相同才是单选-->
性别:<input type="radio" name="sex" value="man"/>男
<input type="radio" name="sex" value="women"/>女
<input type="radio" name="sex" value="secret"/>保密<br/>
爱好:<input type="checkbox" name="hobby" value="b"/>篮球
<input type="checkbox" name="hobby" value="f"/>足球
<input type="checkbox" name="hobby" value="y"/>羽毛球 <br/>
<input type="file"/>
<input type="reset" value="重置"/>
<input type="submit" value="提交"/>
<input type="image" src="../../img/a.png"/>
<button></button>
</form>