表单

表单

什么是表单？  收集用户的信息并提交给后天服务器

Form

Action:指定提交的地址

Method:指定提交的方式  gat/post

 

Get和post的区别

（1）      长度，get限制为2k字符

（2）      安全性，get提交的数据会直接呈现在地址栏，敏感数据容易被截获

文本框

 

Maxlength:指定文本框能接收的最大字符个数

Size:指定文本框的大小（尺寸）

Value:指定初始值

密码框

 

密码框和文本框是一样的，文本框的属性同意适用于密码框，唯一不同的是密码框以掩码的形式显示内容，保证其安全性

Lable

 

lable的作用

（1）      可以单独对其设置相应的样式

（2）      For属性可以是之与某个input关联，点击文本会激活对应的input

提交按钮

 

（1）      点击按钮之后跳转到from表单对应的action

（2）      Value属性：value的值就是按钮上显示的字

（3）      点击按钮，将from表单中的input里name属性值（键）和用户输入的值组成了键值对，拼接到from表单action属性值的后面

      

Username是键名 xiaoming是键值，多个参数用&分割

 

 

 

重置按钮

 

（1）      点击按钮，重置表单内部的输入框

（2）      Value的值就是按钮上显示的文字

单选按钮

 

如果需要将若干个单选按钮编为一组，我们需要设置相同的name属性

Name名字相同才能互斥

如果需要默认选中某个选项，需要加上checked属性

标签属性的表现形式：

（1）      键值对：属性名=属性值

Type=”text” name=”role”

（2）      一些取值为布尔类型的属性直接使用属性名就可以

Checked   readonly

 

图片按钮

 

（1）      作用和submit按钮是一样的

（2）      需要设置src属性的值，如果说src对应的路径没有找到图片，（设置了alt属性显示alt属性的值，如果没设置alt属性，按钮显示默认值：“提交”）类似img标签