input的属性
让标签内的元素变为可编辑兼容问题⽤的很少
<div contenteditable="true"> 这个属性可继承
2、form中 autocomplete 设置成功提交过的数据，下⼀次有提⽰，⼀般会关闭这个功能
<form action="#" method="get" autocomplete="off" >
3、input 中的属性
1.placeholder 占位符
2.autofocus 获取焦点
3.<input type="date"> ⽇期
4.<input type="time"> 时间
5.<input type="week"> 周
6.<input type="datetime-local"> 所有时间的格式的集合
7.<!-- number chrome Safari IE 不⽀持 -->
input标签placeholder属性8.<input type="number" max="18" min="6" step="3"> 验证number类型
9.<input type="email" name="em"> 验证邮箱
10.<input type="color" name="color"> 获取颜⾊
11.<input type="range" name="range" min="10" max="60">
12.<input type="url">
13.<!-- 在客户端没有任何区别在⼿机上⾃动的切换到数字-->
14.<input type="tel" name="tel">
15.<!-- chorem⽀持 FireFox不⽀持 -->
16.<input type="search"> 搜索
17.<input type="submit" value="提交"> 提交
⼆、新曾的表单元素类似下拉框
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
<progress value="0.5"></progress>
<meter></meter>
三、表单的验证
<form action="" method="get">
<!-- required boolean属性必须的 text search -->
<input type="text" name="uname" required maxlength="9" minlength="3" min= "" step="1"> <!-- pattern 正则可以省略 ^ $ -->
<input type="tel" name="utel" pattern="1[3578]\d{9}">
<!-- 是否允许多个输⼊值使⽤逗号分隔-->
<input type="email" multiple name="email">
<!-- image可以作为提交按钮来使⽤ -->
<input type="image" src="imgs/login.png" alt="Submit" width="100" height="100">
<!-- <input type="submit" value="submit"> -->
</form>
四、validity 每⼀个标签的js对象中都添加这个属性，标识⽤户输⼊的有效性
通过节点来获取validity内容，elem.validity
badInput:false ⽆效输⼊
customError:false 是否有⾃定义错误
patternMismatch:false 是否不符合正则表达式
rangeOverflow:false 输⼊的数字是否不满⾜max
rangeUnderflow:false 输⼊的数字都不满⾜min
stepMismatch:false 步长不匹配
tooLong:false 输⼊的内容不满⾜maxlength
tooShort:false 输⼊的内容不满⾜minlength typeMismatch:false 类型不匹配
valid:true 输⼊是否有效valueMissing:false 值是否缺失

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。