本篇文章主要的向大家介绍了关于html input标签的属性,还有关于html input标签的具体的用法总结。让我们一起来看看html input标签有哪些用法吧
首先先来说说html input标签的属性:
1.type:该属性是input标签里唯一的必须输入的属性,当然,也可以不填,默认为type = "text"。具体它有那些值,我们后面再讨论。
2.required:标记一个字段是否为必须。如果一个字段被标记为required = "required"(严格模式下),或者required(宽松模式下)(ps:下面属性的写法同理,就不一一写出了),并且这个字段的值为空,或者填入的值是无效值,那么这个表单不能提交。什么是无效值?看pattern属性。
3.pattern:该属性包含了一个JavaScript风格的正则表达式,输入的内容必须完全匹配该正则表达式,不然就算输入的内容无效。对正则表达式不了解?可以去看看JavaScript 正则表达式。
4.min max:这两个属性用于日期date时间time等输入,还有number和range。顾名思义,它们的作用是限制最大值,最小值。
5.step:和max min类似,作用是提供一个可以上下点的按钮,比如当前数字是1,你设置了step = "5",点一下上的按钮,就变成6了。
6.placeholder:该属性不多说,大家应该都很熟悉,一般是用来提示用户输入的,当用户真的输入了文字之后,会被输入的文字覆盖。
7.readonly:顾名思义,该属性会让表单空控件不可编辑。这里的不可编辑不是禁用,只是不能编辑文本而已,比如像单选框radio,复选框checkbox这种,本来就是不可编辑的,所以这个属性对它们来说毫无意义。
8.disabled:该属性会禁用一个表单元素。这里是禁用,完全禁用掉除了<output>之外的所有表单元素。
9.maxlength :该属性用于限制用户输入的最大字数限制。
10.size:已经没什么时候实际的作用了,控制大小现在几乎都是由CSS控制了。
11.form:在HTML5中,表单控件已经没有必要嵌套在一个表单中,新的form属性可以把表单元素与页面上的任意的表单关联起来。也可以被嵌套在一个表单中,随着另一个表单提交,代码如下:
<form id="form1"></form> <p> <label for="admin">admin</label> <input type="text" id="admin" form="form1"/> </p>
这样,就把form和input联系起来了。如果input没有form属性,那么,它将被关联到离他最近的form表单。
12.autocomplete:顾名思义,自动完成,用户输入一部分,后面的自动补全。需要浏览器保存用户输入的内容,以便下一次自动补全。
13.autofocus:该属性指的是表示这个表单控件在页面载入的时候自动获得焦点。
作者:寻∝梦
方法:1、在input标签中添加“oninput=value=value.toString().match(/^d+(?:.d{0,2})?/)”语句即可。2、给input标签绑定onimput...
本文主要对HTML5表单新增属性进行详细介绍,并附上实例解析,简单易懂。需要的朋友一起来看下吧1. 表单内元素的form属性在H5中可...
方法:1、在style标签中通过“@import”引用,语法“@import url(URL)”;2、通过link标签引用,语法“link type=text/css href=...
css去除table间隙的方法:首先打开相应的HTML代码文件;然后通过代码“table{border-collapse:collapse;}”即可去掉单元格之间的...
绑定方法:1、使用“对象.on事件名 = function(){代码}”语句绑定;2、使用“事件源.addEventListener(事件名称,事件处理函数名,...