表单标签 form
概念:用于收集用户输入的数据并提交到服务器
格式:
<form action="" mehthod="">
// 输入域标签
</form>
action:将数据提交到服务器的目标地址
method:提交方式,
1、post:相对安全
2、get:不安全
输入域标签 input
概念:用于获取用户输入的数据
格式:
<input type="">
type属性的取值:
1、text:文本输入框,接收文本输入,接收的内容全是字符串,name属性表示提交到服务器中获取数据的键,value属性表示提交的值
2、password:密码框,接收文本输入,接收的内容全是字符串,同text,password也具有maxlength(限制字符数量)和placeholder(友好提示)
3、radio:单选框,同一范畴中的单元框必须满足互斥性,name属性用于将多个radio标签归结在同一个组中,让从而使它们产生互斥性
4、checkbox:复选框,同一范畴中的复选框应该使用相同的name属性进行分组,与radio相同,checkbox也可以设置默认选中项
设置默认选中项:checked、checked=""、checked="checked"
5、button:普通按钮,如果没有赋予它事件,那么这个按钮没有默认的点击效果,value属性表示按钮的文本内容
6、reset:重置按钮,重置当前表单,只是将所在表单中的输入内容重置为默认状态,并不提交数据,value属性表示按钮的文本内容
7、submit:提交按钮,提交当前表单的数据到服务器中,value属性表示按钮的文本内容
注:button标签也是一个普通按钮,但是如果button按钮放在form中,那么它就具有了提交功能,相当于submit