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

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

常用的表单元素&＃xff1a;

文本框(text)

密码框(password)

单选按钮(radio)

复选框(checkbox)

列表框(和)

按钮(button、submit和reset)

邮箱()

网址()

数字()

滑块()

搜索()

表单语法&＃xff1a;

名字&＃xff1a;

密码&＃xff1a;

密码框&＃xff1a;

单选按钮&＃xff1a;男

女

复选框&＃xff1a;运动

聊天

玩游戏

列表框&＃xff1a;

…

…

图片按钮&＃xff1a;

重置按钮&＃xff1a;

提交按钮&＃xff1a;

普通按钮&＃xff1a;

多行文本域&＃xff1a;文本内容

文件域&＃xff1a;

邮箱&＃xff1a;

邮箱:

网址&＃xff1a;

请输入你的网址:

数字&＃xff1a;

请输入数字:

滑块&＃xff1a;

请输入数字:

搜索框&＃xff1a;

请输入搜索的关键词:

表单的高级应用

1.隐藏域

2.只读

3.禁用

4.表单元素的标注

隐藏域&＃xff1a;

只读文本框&＃xff1a;

禁用&＃xff1a;

表单元素的标注&＃xff1a;标注的文本

表单初级验证的方法

1.placeholder

2.required

3.pattern

placeholder&＃xff1a;

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

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

提示语默认显示&＃xff0c;当文本框中输入内容时提示语消失

适合于input标签&＃xff1a;text、search、url、email和password等类型

required&＃xff1a;

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

适合于input标签&＃xff1a;text、search、url、email、password、number、checkbox、radio、file等类型

pattern&＃xff1a;

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

标签&＃xff1a;Get,文本框,表单,HTML,按钮,Post,输入

来源&＃xff1a; https://www.cnblogs.com/wufanfan/p/13173902.html