接下來我來介紹一下<input>(輸入)這個標籤 。就如同它字面上的意思一樣,<input>提供欄位來讓使用者輸入資料。 當然我們可以借由設定<input>的屬性來限制使用者輸入的資料型態。比如說像是一個要輸入電話號碼的欄位, 我們就可以限制使用者只可以輸入數字。那如果使用者依舊是輸入不合法(invalid)的資料呢?那麼瀏覽器(user agent)便會在它送出資料前(submit) ,拒決那項資料並會提醒使用者他所輸入的資料是錯誤的。
| <input name="name" type="text" value="Robert"/> |
上面這個例子,是希望使用者輸入一筆資料,並把資料存在name這一個變數。接下來是一些<input>的幾個重要屬性(attribute):
| name |
用來存放使用者所輸入資料的變數 |
| value | 用來存放那欄資料的預設值(default)。如果value存放一個不合法的資料(value),那麼瀏覽器便會把它忽略掉。 |
| type={text|password} | 預設值是"text"。如果設為"password",那面顯示在瀏覽器上的將是"*"(星號)。 |
|
format={A|a|N|X} (詳細請參考文件) |
用來限定輸入資料的型態。比如說電話號碼我們限定只能輸入數字。而名字則限定為只能輸入字母。 |
下面這個例子要求使用者輸入first name,last name跟age。注意一下,Age那欄只引許輸入兩個數字(two-digit number)。
| <card> <p> First name:<input type="text" name="first"/><br/> Last name:<input type="text" name="last"/><br/> Age:<input type="text" name="age" format="NN"/> </p> <card> |
 |