表单

一、表单的语法：




1.提交方式：
get:不安全，地址栏里面有提交内容
post:相对安全，地址栏里面不显示提交的内容
2.提交按钮：submit
3.重置按钮：reset
4.input中常用的属性：
1)type：表示表单元素的类型，常见的值，text,password,checkbox,radio,submit,reset,file,email,number,url,hidden,image,button,search。
2)name:指定表单元素的名称。
3)value:指定表单元素的初始值
4)size:指定表单元素的初始宽度，如果type为text或者password，那么此属性以字符为单位，否则以像素为单位。
5)maxlength:指定输入的最大字符数，默认为无限制
6)checked:指定单选按钮或者多选框是否被选中
5.密码表单：type=“password”
6.单选按钮：
语法：男
女
注意事项：name的值必须一样，才能实现单选
7.复选框：
吃
玩
注意：checked为默认选中。
8.下拉列表：
语法：

选项一
选项二

9.按钮：
普通按钮：普通按钮

提交按钮：
重置按钮：
10.多行文本域：
显示的文本
11.上传文件：

注意：上传的文件的时候，需要在标签里面添加属性（enctype=“mutipart/form-data”）
12.邮箱：

13.数字：


14.搜索：

二、表单的高级应用：
1.设置表单的隐藏域：

2.表单的禁用与只读设置:
只读：readonly
禁用：disabled
3.表单元素标注：

4.表单验证的好处：
缓解服务器的压力
保证数据的可行性和安全性
5.placeholder：提示内容，这种提示可以描述文本框期待用户输入何种内容。
6.非空验证：required
7.正则表达式验证：pattern
eg：电话号码的正则表达式，pattern="¹\d{9}"

---

1. 358 ↩︎