input中的属性
2024-04-10 01:50:11  阅读数 443

placeholder:它的属性值为提示文本,但不占位

autofocus:自动获取焦点,没有属性值

autocomplete:类似于百度搜索的自动补全功能,此属性有两个值:on:打开 /off:关闭。要使用这个属性有两个条件:

1.必须成功提交过:提交过才会记录;

2.当前添加autocomplete的input元素必须有name属性;

required:必须输入,如果没有输入则会阻止当前数据提交。没有属性值

pattern:属性值为一个正则表达式,验证不成功会有提示信息

补充:验证不通过触发的事件和修改不通过时的提示信息的方法

document.getElementById("userPhone").oninvalid=function(){

    /*oninvalid:当验证不通过时触发*/

this.setCustomValidity("请输入合法的11位手机号");//修改不通过时的提示信息

multiple:添加后可以输入多个,如可以填写多个邮箱、添加多个文件。没有属性值

form:属性值为指定表单id名,在将来指定id名的表单进行数据提交的时候,也会将当前表单元素的数据一起提交,用于当前表单元素不在form标签内