新手學HTML網頁設計（第一階段）第十一課
1.添加表單元素
按照表單元素的方式可以將表單分為輸入類控件和菜單列表類控件。輸入類的控件一般以input標記開始，說明這一表單元素需要用戶的輸入；而菜單列表類控件則已select開始，表示用戶需要選擇。
Input標記定義的表單元素最常用的有文本框、按鈕、單選按鈕等，這個標記的基本語法是：
<form……>
<input name=”控件名稱” type=”控件類型”/>
</form>
Input標記所包含的元素類型，如下表：
Input標記所包含的元素
| 元素類型 | 說明 |
| Text | 文本字段 |
| Password | 密碼域，用戶在輸入時不顯示具體內容，以“*”代替 |
| Radio | 單選按鈕 |
| Checkbox | 複選框 |
| Button | 普通按鈕 |
| Submit | 提交按鈕 |
| Reset | 重置按鈕 |
| Hidden | 隱藏域 |
| File | 文件域 |
2.文本框（text）和密碼框（password）
文本字段和密碼域用於創建單行文本輸入框，供訪問者輸入單行文本信息。屬性和說明如下表：
Text屬性描述
| 屬性 | 說明 |
| Type | 當type=”text”時，創建文本字段；當type=”password”時創建密碼域，當用戶輸入文字時，以“*”顯示 |
| Name | 文本字段或密碼域的名稱 |
| Size | 文本框在頁面中顯示的長度，以字符為單位 |
| Maxlength | 在文本框或密碼域中最多可以輸入的字符數 |
| Value | 用於定義默認值 |
示例：演示登錄界面，代碼如下：
<table width="200" border="1" cellspacing="1">
<tr>
<th colspan="2">登錄頁面</th>
</tr>
<tr>
<td width="80">用戶名：</td>
<td><input type="text" name="username" value="" size="15" /></td>
</tr>
<td width="80">密碼：</td>
<td><input type="password" name="psd" size="15" maxlength="6" /></td>
</tr>
</table>
效果如下圖：
在頁面中添加文字字段和密碼域
3.單選按鈕（radio）
元素radio用於創建單選按鈕，單選按鈕用於一組相互排斥的值。組中的每個單選按鈕應具有相同的名稱，用戶一次只能選擇一個選項。單選按鈕需要指定value的值，只有從組中選定的單選按鈕才會在提交時生成name/value對。下表列出了radio元素的屬性。
單選按鈕屬性
| 屬性 | 說明 |
| Checked | 此屬性設置改單選按鈕被選中 |
| Name | 此屬性設置該單選按鈕的名稱 |
| Value | 此屬性設置該單選按鈕的值 |
示例：演示帶有單選按鈕的登錄頁面，代碼如下：
<tr>
<td>性別：</td>
<td>
<input type="radio" name="sex" value="male" />男
<input type="radio" name="sex" value="female" />女
</td>
</tr>
效果如下圖：
單選按鈕
相關推薦
