1<
form
id="aform"
action
="reg.php"
>
2<
p>請填寫表單內容以完成註冊！
p>34
<
fieldset
>
5<
legend
>****
legend
>
6<
label
for="name"
>姓名
label
>
7<
input
id="name"
placeholder
="ye feng"
autofocus required pattern
="[a-z]"
><
br>
8<
label
for="tel"
>**
label
>
9<
input
id="tel"
type
="tel"
><
br>
10<
label
for="email"
>電子郵件
label
>
11<
input
id="email"
type
="email"
><
br>
12<
label
for="url"
>個人**
label
>
13<
input
id="url"
type
="url"
><
br>
14fieldset
>
1516
<
fieldset
>
17<
legend
>個人資訊
legend
>
18<
label
for="age"
>年齡
label
>
19<
input
id="age"
type
="number"
step
="0.1"
min="1"
max="99"
><
br>
20<
label
for="weight"
>體重
label
>
21<
input
id="weight"
type
="range"
value
="10"
min="1"
max="99"
><
br>
22<
label
for="gender"
>性別
label
>
23<
select
id="gender"
>
24<
option
value
="female"
>女
option
>
25<
option
value
="male"
>男
option
>
26select
><
br>
27<
label
for="comments"
>對自己做簡單的介紹：
label
><
br>
28<
textarea
id="comments"
>
textarea
>
29fieldset
>
3031
<
fieldset
>
32<
legend
>選擇你最喜歡的小動物
legend
>
33<
label
for="zebra"
><
input
id="zebra"
type
="checkbox"
>斑馬
label
>
34<
label
for="cat"
><
input
id="cat"
type
="checkbox"
>貓貓
label
>
35<
label
for="anaconda"
><
input
id="anaconda"
type
="checkbox"
>蟒蛇
label
>
36<
label
for="elephant"
><
input
id="elephant"
type
="checkbox"
>大象
label
>
37fieldset
>
3839
<
p><
input
type
="submit"
value
="提交"
>
p>
40<
p><
input
type
="submit"
value
="儲存表單資訊但不提交"
formnovalidate
>
p>
41form
>
元素：可將表單內的相關元素分組。
元素：表示父元素元素的標題。
標籤：為input元素定義標籤。
標籤：用於蒐集使用者資訊。預設的型別是text。可以使用佔位符placeholder來新增文字提示，也使用自動焦點autofocus在頁面載入時獲得焦點。
標籤：建立下拉列表。
標籤：定義下拉列表中的乙個選項。
標籤：定義乙個多行的文字輸入區域。
checkbox型別：
定義input的型別為核取方塊。
submit型別：
定義input的型別為提交按鈕。
html5驗證：
1.簡單的html5驗證：
input標籤的required屬性，max屬性和min屬性：
指示輸入欄位的值是必需的，或者數字的範圍。html5驗證屬於客戶端驗證，在單擊提交按鈕後觸發。如果驗證失敗，會取消提交操作，並顯示錯誤訊息。
2.使用正規表示式進行驗證：
使用pattern屬性。
3.關閉驗證：
在標籤中使用novalidate屬性，禁用整個表單的驗證功能；
在提交按鈕中新增formnovalidate屬性，來繞開表單驗證，以儲存未完成的資料等。
html5中新的輸入控制項：
在之前的表單中，我們用乙個標籤來建立普通文字輸入區或者核取方塊、提交按鈕等等，用type來控制不同的型別。
在html5中，引入了新的email等等型別。
作用：1.提供編輯輔助。如在移動端中，如果的型別是數字，則會自動採用數字虛擬鍵盤；
2.根據型別提示錯誤；
3.根據型別執行驗證。
新的型別有：
email：電子郵件
url：**（在firefox中好像預設必須以http開頭，不好用）
tel：**
number：數值型別（會生成微調按鈕。預設只接受整數，但可以通過修改step屬性來接受小數。還可以給出min和max屬性來限制最大值和最小值）
range:數值型別（以滑動條的形式顯示）
另外還有6種日期時間型別，不過大部分瀏覽器好像並支援。
HTML5中的表單驗證
1.使用佔位符placeholder。但是這個在chrome不是很好用。使用過bootstrap框架的人肯定都很了解 如圖所示 2.如果需要提示的內容比較長，我們不應該一直使用placeholder屬性，我們可以使用title屬性，在移動到輸入框上出現提示內容，如下 3.為了在聚焦的時候更改樣式，則...
HTML5中的form表單
元素用於生成輸入表單，該元素不會生成視覺化部分，它除了通用屬性id style class外，還可以指定onclick事件，除此之外，還有以下幾個屬性 action 指定當單擊表單內的確認按鈕時，該表單被提交到那個位址。該屬性既可以指定乙個絕對位址，也可以指定乙個相對位址，該屬性必填，非常重要！me...
HTML5智慧型表單
1 便於排版的form表單 html5為了方便排版，可以使form的表單標籤脫離form的巢狀。方法 form指定id，所有的標籤標籤都新增form id屬性。例如 2 form新型別 type email 郵箱 自帶格式校驗 type url 必須帶協議 自帶格式校驗 type date 日期選擇...