1.input 新類型
email:檢測提交的是否是一個電子郵件格式,
url:是否是一個url格式,
date:年月日格式的控件,
time:時分的格式 <div>今天是<time>星期一</time></div>
datetime:年月日 utc時間
datetime-local:年月日 本地時間
month:年月格式
week:年周
number:數字 例:<input type="number" min="0" max="10" step="2">
range:選擇區域
tel:電話輸入框
search:搜索
color:調用系統選色器
2.input新的屬性
placeholder:占位符
pattern:正則驗證 例:pattern="[0-9]{7,12}" 0到9的數字,7到12位
min/max:input能輸入的最小/最大字節的長度
step:針對number和range類型,每次遞增step的值
list:指定一個datalist,作為下拉提示單
outline:去藍框 例:style="outline:none
遠近互聯前端小華整理發布,希望能對學習技術的你有所幫助
遠近互聯專業提供網站建設、APP開發、網站優化、外貿網站SEO、微信運營的品牌整合營銷服務讓客戶通過網絡品牌建立與網絡傳播提高業績。






