新增input type 屬性值
類型 使用示例 描述
email <input type="email"> 必須輸入郵箱格式
tel <input type="tel"> 必須輸入手機(jī)號(hào)碼格式
url <input type="url"> 必須輸入url格式
number <input type="number"> 必須輸入數(shù)字格式
search <input type="search"> 必須搜索框(體現(xiàn)語義化)
range <input type="range"> 自由拖動(dòng)滑塊
time <input type="time"> 小時(shí)分鐘
date <input type="date"> 年月日
datetime <input type="datetime"> 時(shí)間
month <input type="month"> 月年
week <input type="week"> 星期 年
color <input type='color'> 顏色
新增的input標(biāo)簽屬性
屬性 用法 含義
placeholder <input type="text" placeholder="請(qǐng)輸入..."> 占位符 當(dāng)用戶輸入的時(shí)候 里面的文字消失 刪除所有文字,自動(dòng)恢復(fù)
autofocus <input type="text" autofocus> 規(guī)定當(dāng)頁面加載時(shí) input 元素應(yīng)該自動(dòng)獲得焦點(diǎn)
multiple <input type="file" multiple> 多文件上傳
autocomplete <input type="text" autocomplete="off"> 規(guī)定表單是否應(yīng)該啟用自動(dòng)完成功能 有2個(gè)值,一個(gè)是on 一個(gè)是off on 代表記錄已經(jīng)輸入的值 1.autocomplete 首先需要提交按鈕2.這個(gè)表單您必須給他名字
required <input type="text" required> 必填項(xiàng) 內(nèi)容不能為空
這里我們創(chuàng)建一個(gè)填寫個(gè)人基本信息的表單,使用了表單元素有<input>輸入框、<datalist>選項(xiàng)列表、<textarea>文本框,通用的表單輸入類型有text、password、file、radio、checkbox、email、url、number、Date pickers。并為表單及表單元素設(shè)定了相應(yīng)的屬性。代碼如下:
9 novalidate
novalidate是屬性規(guī)定在提交表單時(shí)不應(yīng)該驗(yàn)證form和input域。novalidate屬性適用于的<input>類型有:text、search、url、telephone、email、password、date pickers、range及color。用法如下:
這段代碼中,我們?yōu)楸韱卧O(shè)置novalidate屬性,使表單不驗(yàn)證提交,表單中的email和url文本域不必通過驗(yàn)證。
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。