html表单邮箱选项类型,HTML表单

表单

HTML 表单用于搜集不同类型的用户输入。

表单域

用来容纳表单元素及接收表单信息，并规定如何发送表单数据 。

实例

名字： p>

密码： p>

p>

form>

经验：在实际网页开发中通常采用post方式提交表单数据

表单元素

文本类

文本框：

密码框：

文本内容

邮箱:

请输入你的网址:

注意：会自动验证URL地址格式是否正确

请输入数字:

min="0"(允许的最小值) max="100"(允许的最大值) step(合法的数字间隔)="10"/>

选择

单选

checked(单选按钮选中状态) />男

女

复选

运动

聊天

玩游戏

列表

…

…

按钮

文件上传

滑块

请输入数字:

min="0"(允许的最小值) max="10"(允许的最大值) step(合法的数字间隔)="2"/>

搜索

​

​

其他

隐藏域

只读和禁用

表单元素的标注

1.增强鼠标的可用性

2.自动将焦点转移到与该标注相关的表单元素上

语法

标注的文本

表单初级验证

表单验证的好处

1.减轻服务器的压力

2.保证数据的可行性和安全性

表单初级验证的方法

1.placeholder 2.required 3.pattern

placeholder

1.input类型的文本框提供一种提示(hint)

2.可以描述文本框期待用户输入何种内容

3.提示语默认显示，当文本框中输入内容时提示语消失

4.适合于input标签：text、search、url、email和password等类型

语法：

required

1.规定文本框填写内容不能为空，否则不允许用户提交表单

2.适合于input标签：text、search、url、email、password、number、checkbox、radio、file等类型

语法：

pattern

用户输入的内容必须符合正则表达式所指的规则，否则就不能提交表单

语法：