黑马程序员技术交流社区

标题: 【上海校区】HTML5表单自动验证总结 [打印本页]

---

作者: 不二晨    时间: 2018-12-7 09:31
标题: 【上海校区】HTML5表单自动验证总结
1.required

<input   type="text"   name="s"  required>

required属性表示此输入框是必填项，当提交的时候，如果此输入框为空，那么将提示用户输入后提交,默认值是true。

required用于检查表单控件非空

2.pattern

<input  type="text"  name="s" pattern="[0-9]{3}">

pattern属性的值一般为正则表达式，当用户输入的内容符合正则表达式的格式，才能提交，否则提示输入有误

pattern根据表单控件上设置的格式规则验证输入是否为有效格式

3.min  max

<input  type="range"  name="s"  min="1"  max="10">

限制数值型控件的最小值和最大值

用于为表单控件设置min和max特性，并赋予允许的最小值和最大值

4.step

<input  type="range"  name="s"  min="1"  max="20"  step="5">

step属性控制input元素的值增加的步幅

用来保证数值符合min、max和step的要求

5.maxlength

<input   type="text"  name="s"  maxlength="100">

如果输入值的长度超过maxLength，则输入框不在允许输入字符

用来避免输入字符串过长


---------------------
【转载】仅作分享，侵删
作者：SGM222
原文：https://blog.csdn.net/sgm222/article/details/55056841

---

作者: 不二晨    时间: 2018-12-11 15:46

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2