代碼如下:
<html>
<head>
<title> form表單的使用 </title>
<!--
標簽名稱：form 表單標簽
屬性：action:提交的去向,目標地址的url
method:設置提交請求的方式，get和post；默認為get
get和post提交有什么區別？------------------------
get傳輸：將內容信息放在地址欄傳輸，而且長度限制在1k,而且安全性不好。
post傳輸：將內容房子body信息中傳輸。沒有長度限制。
子標簽：
input標簽：需要提交其中的value，必須有一個name屬性。
屬性：type：password 等
//------------
通過下面的實例的演示，發現在某些情況下可以用form去做鏈接，而且做鏈接的同時還能提交數據到
這個目標的地址文件上。
fieldset標簽：定義域
legend標簽：定義域的標題
-->
</head>
<body>
<fieldset>
<legend>form表單標簽，子標簽實例：</legend>
<form action=01列表.html method=get>
<table border=1px width=800px>
<tr>
列表標簽：
<select name=cars>
<option value=volvo>volvo</option>
<option value=saab>saab</option>
<option value=fiat selected=selected>fiat</option>
<option value=audi>audi</option>
</select>
</tr>
<tr>
復選框實例：
我喜歡自行車：
<input type=checkbox name=bike>
我喜歡汽車：
<input type=checkbox name=car>
</tr>
<tr>
單選按鈕：
男性：
<input type=radio checked=checked name=sex value=male>
女性：
<input type=radio name=sex value=female>
</form>
<p>當用戶點擊一個單選按鈕時，該按鈕會變為選中狀態，其他所有按鈕會變為非選中狀態。</p>
</tr>
<tr>
文本域：
<textarea rows=10 cols=30>文本域標簽的使用</textarea>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td>賬號：</td>
<td>
<input name=userid>
</td>
</tr>
<tr>
<td>密碼：</td>
<td>
<input name=pwd>
</td>
</tr>
<tr>
<td>
<input type=submit value=確認提交/>
</td>
<td>
<input type=reset value=重置/>
</td>
</tr>
</table>
</form>
</fieldset>
</body>
</html>
只要是有name和value屬性的標簽都可以放在form內部，同時也可以將這些標簽的數據提交到另一個url。
更多信息請查看IT技術專欄
版權所有:易賢網
公眾號
事業單位
當前位置：
公考類
招聘類
各類考試