html5新添加的表單類型和屬性

email類型:

<input type="email">

url類型:

<input type="url">

date類型:

<input type="date">

time類型:

<input type="time">

month類型:

<input type="month">

week類型:

<input type="week">

number類型:

<input type="number">

range類型:

<input type="range">

search類型:

<input type="search">

color類型:

<input type="color">

placeholder屬性:

<input type="text" placeholder="點擊輸入">

autofocus屬性(獲取焦點):

<input type="text" autofocus="true">

list屬性:

<input type="text" list="ilist">
<datalist id="ilist">
    <option label="1" value="1">
    <option label="2" value="2">
    <option label="3" value="3">
</datalist>

pattern屬性(正則驗證):

<input type="text" required pattern="^[1-9]\d{5}$">

required屬性(必填)

<input type="text" required>

外部提交表單(提交按鈕可在表單外面)

<form action="" id="iform">
    <input type="text" name="name">
</form>
<input type="submit" form="iform" value="提交">