HTML 文件型式及輸入選項

HTML 型式常用在選擇不同種的使用者輸入.

例子

文字區域
此例說明在HTML網頁中如何建立一個文字區域，讓使用皷能夠寫一些文字在區域內.

密碼區域
此例說明在HTML網頁中如何建立密碼區域.

(在本頁的下方你能夠找到更多的練習)

型式

型式就是一個區域能夠包含一些型式元素.

型式元素是能夠讓使用者輸入資料，如下列元素都是： (text fields, textarea fields, drop-down menus, radio buttons, checkboxes, etc.)

型式要由<form>標示定義.

<form>
  <input>
  <input>
</form>

輸入(Input)

最常用的標示是 <input> . 這類的輸入是指定給鍵入的屬性. 下面將介紹常用的輸入型式

文字區域(Text Fields)

文字區域通常是用在當你要使用者輸入文字，數字等等型式.

<form>
first name: 
<input type="text" name="first name">
<br>
last name: 
<input type="text" name="last name">
</form>

顯示在瀏覽器上就是:

請注意型式將不會顯示出來.且大多數的瀏覽器基本上將文字的區域寬度設為20字元. 

圓型鈕(Radio Buttons))

圓型鈕常用於要使用者從有限的項目中來選取。

<form><input type="radio" name="sex" value="male"> mail
<br>
<input type="radio" name="sex" value="female"> female
</form>

顯示在瀏覽器上就是:

請注意只能有一個選項.

打勾(Checkboxes)

<form><input type="checkbox" name="bike">
I have a bike
<br>
<input type="checkbox" name="car">
I have a car</form>

顯示在瀏覽器上就是::

型式的動作屬性及確定鈕

當使用者按下"確定"鈕,選取的型式內容就會送到另一個檔案去. 型式的動作屬性需指定檔案的名稱並將內容送達.被指定檔案的定義屬性通常會對所接收的內容執行某些動作.

<form name="input" action="html_form_action.asp"
method="get">
Username: 
<input type="text" name="user">
<input type="submit" value="Submit"></form>

顯示在瀏覽器上就是:

如果你在上面文字區域內鍵入一些資料，並按下確定鈕，你會把你的輸入資料送到一個叫做 "html_form_action.asp"的網頁. 這個網頁會顯示出你剛鍵入的資料.

更多的練習例子

打勾框
此例說明如何在網頁上建立一個打勾的小框. 使用者可以選擇或是不選這些小框

圓形鈕;
此例展示如何在網頁上建立一個圓形鈕.

簡易下拉選項
此例說明如何在網頁上建立一個簡易的下拉選項，此下拉的小視窗是一種可選擇的項目.

另一種下拉選項
此例說明如何建立一個簡單的下拉選項與一個事先設好的內容

文字區域
此例說明如何建立一個文字區域， 使用者可以輸入文字在區域內，在這個區域你可以鍵入一不限數量的字元.

設定按鈕
此例說明如何建立一個鈕，在這個鈕上你可已設定你自已的資料.

區域設定及資料
此例說明如何將畫一個邊框在你的標題上，並將你的資料包含進來

型式練習例子(Form Examples)

輸入區域型式來確定鈕
此例展示如何加一個型式到網頁，這型式包含二個輸入區域及一個執行鈕.

打勾型式
此型式包含二個打勾框及一個執行鈕.

圓形按鈕型式
這個型式包含二個圓形鈕及一個確定鈕.

由一種格式來傳送E-MAIL
此例說明如何從某種格式來傳送e-mail

型式標示(orm Tags)