◆知識要點
1. 在 HTML 中,使用 <textarea> 标簽來表示多行文本框,又叫做文本域。與其它 <input> 标簽不同,<textarea> 标簽是單閉合标簽,它包含起始标簽和結束标簽,文本内容需要寫在兩個标簽中間。具體語法格式如下:
<textarea name=" description" cols="20" rows="20 " placeholder="請留下您寶貴的意見與建議!"></textarea>
文本域<textarea>其它屬性
圖1
2. HTML 下拉列表是由 <select><option> 配合使用的。具體語法格式如下:
<select name=" selectList " size="2" multiple="multiple">
<option selected="selected" value="選項一">選項一</option>
<option value="選項二">選項二</option>
<option value="選項三">選項三</option>
……
</select>
下拉列表<select>屬性
圖2
3.<label> 标簽來定義表單控制間的關系,當用戶選擇該标簽時,浏覽器會自動将焦點轉到和标簽相關的表單控件上。具體語法格式如下:
<label for="id_name">選項内容</label><input type="radio" name="" value="選項内容" id=" id_name "/>
圖3
◆HTML5代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="#" method="post">
<table align="center" border="0" cellpadding="5px" cellspacing="1px" bgcolor="beige">
<tr height="40px">
<td colspan="2" align="center"><h2>會員注冊</h2></td>
</tr>
<tr height="40px">
<td width="150px" align="right">性質</td><td width="300px"><input type="radio" name="xz" value="公司"/>公司<input type="radio" name="xz" value="個人"/>個人</td>
</tr>
<tr height="40px">
<td align="right">呢稱</td><td><input type="text" name="user" value="" placeholder="小明"/></td>
</tr>
<tr height="40px">
<td align="right">密碼</td><td><input type="password" name="ps" value="" placeholder="密碼"/></td>
</tr>
<tr height="40px">
<td align="right">電子郵箱</td><td><input type="email" name="email" value="" /></td></tr>
<tr height="40px">
<td align="right">所在地</td>
<td>
<select multiple="multiple" size="1" name="szd" id="szd" >
<option value="清遠">清遠</option>
<option value="中山">中山</option>
<option value="東莞">東莞</option>
</select>
</td>
</tr>
<tr height="40px"><td align="right">身份證号碼</td><td><input type="text" name="sfzh" value="" /></td></tr>
<tr height="40px"><td align="right">手機号碼</td><td><input type="text" name="sjhm" value="" /></td></tr>
<tr height="40px"><td align="right">意見反饋</td><td><textarea cols="22" rows="10" name="yjfk" placeholder="如果您有什麼意見和反饋請告訴我"></textarea></td></tr>
<tr height="40px"><td colspan="2" align="center"><input type="reset" value="提交" /><input type="reset" value="重置" /></td></tr>
</table>
</form>
</body>
</html>
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!