input中的属性

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标签内

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容