html5新元素
需要注意：
type=「tel」 是為移動端開啟手機鍵盤服務的，網頁端無效果
datetime目前瀏覽器不支援，可用datetime-local達到效果。
>
使用者名稱: type
="text"
>
br>
密碼: type
="password"
>
br>
type
="email"
>
br>
type
="tel"
>
br>
**: type
="url"
>
br>
數量: type
="number"
value
="1"
max="100"
min="1"
/>
br>
搜尋產品: type
="search"
>
br>
範圍: type
="range"
value
="50"
min="0"
max="100"
>
br>
顏色: type
="color"
>
br>
type
="time"
>
br>
日期: type
="date"
>
br>
時間+日期: type
="datetime"
>
br>
時間+日期: type
="datetime-local"
>
br>
月份: type
="month"
>
br>
星期: type
="week"
>
br>
提交: type
="submit"
>
form
>
name
="form"
id="myform"
>
使用者名稱: type
="text"
name
="username"
placeholder
="請輸入使用者名稱"
autofocus
autocomplete
="on"
>
br>
type
="tel"
name
="phonenumber"
required
pattern
="^(\+86)?1\d$"
>
br>
檔案: type
="file"
name
="file"
multiple
>
br>
type
="email"
name
="email"
multiple
>
br>
type
="submit"
>
br>
form
>
type
="text"
name
="address"
form
="myform"
>
>
專業: type
="text"
name
="major"
list
="majorlist"
>
"majorlist"
>
value
="英語"
label
="美/英式英語"
>
option
>
value
="法語"
label
="純正法語"
>
option
>
value
="中文"
label
="普通話"
>
option
>
datalist
>
type
="submit"
>
form
>
**: type
="url"
name
="web"
list
="weblist"
>
"weblist"
>
value
=""label
="qq"
>
option
>
value
=""label
=>
option
>
value
=""label
="163"
>
option
>
datalist
>
>
document.
getelementbyid
("username").
oninput
=function()
document.
getelementbyid
("phonenumber").
oninvalid
=function()
script
>
>
>
使用者名稱: type
="text"
name
="username"
id="username"
/>
br>
type
="tel"
name
="phonenumber"
id="phonenumber"
pattern
="^1\d$"
/>
br>
type
="submit"
/>
form
>
body
>
HTML5基礎學習
html5 type新增的屬性有 color date datetime datetime local month week time email number range search tel url，a time用來設定時間 小時和分鐘 b date用來設定年月日 c month用來設定年和月 ...
HTML5學習筆記二 HTML基礎
html 標題 heading 是通過 標籤來定義的.h1 標題一 h1 h2 標題二 h2 h3 標題三 h3 html 段落是通過標籤 來定義的.p 親吻你的手還靠著你的頭 p p 讓你躺胸口 那個人已不是我 p p 這些平常的舉動 p a href 這是我的部落格鏈結 a html 影象是通過...
HTML5學習之 HTML 5 拖放
拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性，即抓取物件以後拖到另乙個位置。在 html5 中，拖放是標準的一部分，任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...