1. 程式人生 > 實用技巧 ><input>

<input>

■ 定義

<input>標籤用於收集使用者資訊

■ 使用說明

<input/>標籤為單標籤

type屬性設定不同的值用來指定不同的控制元件型別

■ 示例

<input type="屬性值"/>

■ 屬性

□ type屬性

定義:定義不同的空間型別

值:包含以下固定值

  ▶button:定義可點選按鈕(多數情況下,用於通過javascript啟動指令碼)

  ▶checkbox:定義複選框

  ▶file:定義輸入欄位和瀏覽按鈕,供檔案上傳

  ▶hidden:定義隱藏的輸入欄位

  ▶image:定義影象形式的提交按鈕

  ▶password:定義密碼欄位,該欄位中的字元被掩蓋

  ▶radio:定義單選按鈕,各個radio元素的name屬性的值要相同,這樣才有單選的功能

  ▶reset:定義重置按鈕,重置按鈕會清除表單中的所有資料

  ▶submit:定義提交按鈕,提交按鈕會把表單資料傳送到伺服器

  ▶text:定義單行的輸入欄位,使用者可在其中輸入文字,預設顯示寬度為20個字元,輸入字元的個數不限

□ name屬性

定義:定義input元素的名稱

值:由使用者自定義

注:每個表單元素都有的屬性值,主要給後臺人員使用

  單選按鈕和複選框要有相同的name值

□ value屬性

定義:規定input元素的值

值:由使用者自定義

注:每個表單元素都有的屬性值,主要給後臺人員使用

□ checked屬性

定義:規定此input元素首次載入時應當被選中

值:唯一固定值 checked

注:該屬性只針對單選按鈕和複選框,主要作用是開啟頁面,就要可以預設選中某個表單元素

□ maxlength屬性

定義:規定輸入欄位中的字元的最大長度

值:正整數

注:maxlength屬性時使用者可以在表單元素輸入的最大字元數,一般較少使用