表單

textarea控制元件,標記<textarea></textarea>

屬性：1name,定義名稱，提交給伺服器使用

2cols,指定文字域的行數，變相指定寬

3rows,指定文字域的行數，變相指定高

4readonly(無屬性值），只讀

選項框

1標記<select></select>,表示下拉列表，或滾動列表

<option></option>，表示列表中的內容，允許出現多個

2屬性<select>

1name:控制元件名稱

2size：預設顯示選項的數量，預設為1，為下拉列表，如果>1,則為滾動列表

3multiple:設定多選，（無屬性值）

<option>屬性

1value:選項的值，提交給伺服器

2selected:預設被選中

5其他標記：

1label元素

作用：關聯文字與表單控制元件

點選文字就如同點選表單控制元件一樣

標記：<label>文字</label>

屬性：for,指定要關聯的表單控制元件的ID值

2為表單控制元件分組

<fieldset>

<legend>分組標題</legend>

分組中的內容

</fieldset>

3浮動框架

1作用

將其他頁面匯入到當前頁面中來，

標記：<iframe></iframe>

屬性：1src,要引入頁面的url

2frameborder,指定浮動框架的邊框，預設為1，則顯示邊框，不需要邊框，設定為0

3width

4height

新input元素（html5）

1電子郵件型別

作用提交會驗證資料是否符合email規範

標記：<input type=”email”>

2搜尋型別

在文字框的基礎上，提供了快速清除

標記<input type=”search”>

3url型別，作用提交時會驗證資料是否符合web站點的url規範

標記：<input type=”url”>

4電話號碼型別

作用在移動端裝置中能展開撥號鍵盤，pc端無效

標記：<input type=”tel”>

5數字型別

只能讓使用者輸入或選擇數字

標記：<input type=”number”>

屬性：1min,當前控制元件接受的最小值

2max:當前控制元件接受的最大值

3step:微調數字，每次變化的長度，預設為1

6範圍型別

作用：提供一個滑塊，讓使用者選擇數字

標記：<input type=”range”>

屬性：1min,2max,3value:初始值

7顏色型別：作用提供一個顏色拾取控制元件

<input type=”color”>

8日期型別

提供一個日期輸入控制元件

<input type=”date”>

9周型別

提供一個日期控制元件，用於選取周

<input type=”week”>

10月份型別

提供一個日期控制元件，用於選取月份

<input type=”month”>