DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> HTML的表單form以及form內部標簽的使用
HTML的表單form以及form內部標簽的使用
編輯:HTML和Xhtml     

復制代碼代碼如下:
<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。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved