天天看點

html5新的表單元素

datalist   有點類似于select标簽,不過datalist需要搭配input元素使用

datalist   規定輸入框的選項清單,option  代表選項

keygen  作用是提供一種驗證使用者的可靠方法

output   用于不同類型的輸出,比如計算機的計算

datalist 标簽,元素規定輸入域的選項清單,需要和input結合一起使用

<input list="city">

<datalist id="city">

    <option value="北京">北京</option>

    <option value="上海">上海</option>

    <option value="天津">天津</option>

</datalist>

keygen 标簽,元素的作用是提供一種驗證使用者的可靠方法。

keygen标簽規定用于表單的密鑰對生成器字段。

當送出表單時,會生成兩個鍵,一個是私鑰,一個公鑰

output 标簽,元素用于"不同類型的"輸出,比如計算或腳本輸出

<form οninput="x.value= parseInt(a.value)+parseInt(b.value)">

    0<input type="range" name="a" id="a"  value="1" min="0" max="5">5

    +

    <input type="number" name="b" id="b"  value="1">=

    <output name="x" for="a b"></output>

</form>

(datalist   keygen   output   記住用法  現在還不太懂)

繼續閱讀