tft每日頭條

 > 圖文

 > html表單基本内容

html表單基本内容

圖文 更新时间:2025-01-11 02:14:48

◆知識要點

1. 在 HTML 中,使用 <textarea> 标簽來表示多行文本框,又叫做文本域。與其它 <input> 标簽不同,<textarea> 标簽是單閉合标簽,它包含起始标簽和結束标簽,文本内容需要寫在兩個标簽中間。具體語法格式如下:

<textarea name=" description" cols="20" rows="20 " placeholder="請留下您寶貴的意見與建議!"></textarea>

文本域<textarea>其它屬性

html表單基本内容(HTML表單二)1

圖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>屬性

html表單基本内容(HTML表單二)2

圖2

3.<label> 标簽來定義表單控制間的關系,當用戶選擇該标簽時,浏覽器會自動将焦點轉到和标簽相關的表單控件上。具體語法格式如下:

<label for="id_name">選項内容</label><input type="radio" name="" value="選項内容" id=" id_name "/>

html表單基本内容(HTML表單二)3

圖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每日頭條,我们将持续为您更新最新资讯!

查看全部

相关圖文资讯推荐

热门圖文资讯推荐

网友关注

Copyright 2023-2025 - www.tftnews.com All Rights Reserved