讓標簽內的元素變為可編輯 兼容問題用的很少
<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 不支持 -->
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 url pwd...-->
<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 值是否缺失