HTML表单元素

表单

一、表单的语法：

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 ↩︎