html input标签属性(指尖详解小技巧)

htmlinput标签属性指尖详解小技巧

首要先来说说htmlinput标签的特点：
1.type：该特点是input标签里仅有的有必要输入的特点，当然，也能够不填，默以为type=”text”。详细它有那些值，我们后边再评论。
2.required：标记一个字段是否为有必要。假如一个字段被标记为required=”required”（严厉形式下），或许required（宽松形式下）(ps：下面特点的写法同理，就不逐个写出了)，而且这个字段的值为空，或许填入的值是无效值，那么这个表单不能提交。什么是无效值？看pattern特点。
3.pattern：该特点包含了一个JavaScript风格的正则表达式，输入的内容有必要彻底匹配该正则表达式，否则就算输入的内容无效。对正则表达式不了解？能够去看看JavaScript正则表达式。
4.minmax：这两个特点用于日期date时间time等输入，还有number和range。望文生义，它们的作用是约束最大值，最小值。

5.step：和maxmin相似，作用是提供一个能够上下点的按钮，比方当前数字是1，你设置了step=”5″，点一下上的按钮，就变成6了。
6.placeholder：该特点不多说，我们应该都很了解，一般是用来提示用户输入的，当用户真的输入了文字之后，会被输入的文字掩盖。
7.readonly：望文生义，该特点会让表单空控件不行修改。这里的不行修改不是禁用，只是不能修改文本罢了，比方像单选框radio，复选框checkbox这种，本来便是不行修改的，所以这个特点对它们来说毫无意义。
8.disabled：该特点会禁用一个表单元素。这里是禁用，彻底禁用掉除了之外的一切表单元素。
9.maxlength：该特点用于约束用户输入的最大字数约束。
10.size：现已没什么时分实际的作用了，操控大小现在几乎都是由CSS操控了。
11.form：在HTML5中，表单控件现已没有必要嵌套在一个表单中，新的form特点能够把表单元素与页面上的任意的表单相关起来。也能够被嵌套在一个表单中，跟着另一个表单提交，代码如下：
admin
这样，就把form和input联系起来了。假如input没有form特点，那么，它将被相关到离他最近的form表单。
12.autocomplete：望文生义，主动完结，用户输入一部分，后边的主动补全。需要浏览器保存用户输入的内容，以便下一次主动补全。
13.autofocus：该特点指的是表示这个表单控件在页面载入的时分主动获得焦点。
以上便是htmlinput标签的特点了。