html表单的3个初级验证,HTML-表单

表单主要用来制作动态网页，方便和用户进行交互

常用的表单元素：

文本框(text)

密码框(password)

单选按钮(radio)

复选框(checkbox)

列表框(和)

按钮(button、submit和reset)

邮箱()

网址()

数字()

滑块()

搜索()

表单语法：

名字：

密码：

密码框：

单选按钮：男

女

复选框：运动

聊天

玩游戏

列表框：

…

…

图片按钮：

重置按钮：

提交按钮：

普通按钮：

多行文本域：文本内容

文件域：

邮箱：

邮箱:

网址：

请输入你的网址:

数字：

请输入数字:

滑块：

请输入数字:

搜索框：

请输入搜索的关键词:

表单的高级应用

1.隐藏域

2.只读

3.禁用

4.表单元素的标注

隐藏域：

只读文本框：

禁用：

表单元素的标注：标注的文本

表单初级验证的方法

1.placeholder

2.required

3.pattern

placeholder：

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

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

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

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

required：

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

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

pattern：

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

标签：Get,文本框,表单,HTML,按钮,Post,输入

来源： https://www.cnblogs.com/wufanfan/p/13173902.html