HTML的表單form以及form內(nèi)部標(biāo)簽的使用
發(fā)布時(shí)間：2014-05-02 10:10:15 作者：佚名 
我要評(píng)論
我要評(píng)論這篇文章主要介紹了HTML的表單form以及form內(nèi)部標(biāo)簽的使用,需要的朋友可以參考下
復(fù)制代碼
代碼如下:<html>
<head>
<title> form表單的使用 </title>
<!--
標(biāo)簽名稱：form 表單標(biāo)簽
屬性：action:提交的去向,目標(biāo)地址的url
method:設(shè)置提交請(qǐng)求的方式，get和post；默認(rèn)為get
get和post提交有什么區(qū)別？------------------------
get傳輸：將內(nèi)容信息放在地址欄傳輸，而且長度限制在1k,而且安全性不好。
post傳輸：將內(nèi)容房子body信息中傳輸。沒有長度限制。
子標(biāo)簽：
input標(biāo)簽：需要提交其中的value，必須有一個(gè)name屬性。
屬性：type：password 等
//------------
通過下面的實(shí)例的演示，發(fā)現(xiàn)在某些情況下可以用form去做鏈接，而且做鏈接的同時(shí)還能提交數(shù)據(jù)到
這個(gè)目標(biāo)的地址文件上。
fieldset標(biāo)簽：定義域
legend標(biāo)簽：定義域的標(biāo)題
-->
</head>
<body>
<fieldset>
<legend>form表單標(biāo)簽，子標(biāo)簽實(shí)例：</legend>
<form action="01列表.html" method="get">
<table border="1px" width="800px">
<tr>
列表標(biāo)簽：
<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>
復(fù)選框?qū)嵗?br />
我喜歡自行車：
<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>當(dāng)用戶點(diǎn)擊一個(gè)單選按鈕時(shí)，該按鈕會(huì)變?yōu)檫x中狀態(tài)，其他所有按鈕會(huì)變?yōu)榉沁x中狀態(tài)。</p>
</tr>
<tr>
文本域：
<textarea rows="10" cols="30">文本域標(biāo)簽的使用</textarea>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td>賬號(hào)：</td>
<td>
<input name="userid">
</td>
</tr>
<tr>
<td>密碼：</td>
<td>
<input name="pwd">
</td>
</tr>
<tr>
<td>
<input type="submit" value="確認(rèn)提交"/>
</td>
<td>
<input type="reset" value="重置"/>
</td>
</tr>
</table>
</form>
</fieldset>
</body>
</html>
只要是有name和value屬性的標(biāo)簽都可以放在form內(nèi)部，同時(shí)也可以將這些標(biāo)簽的數(shù)據(jù)提交到另一個(gè)url。
相關(guān)文章
HTML的form表單標(biāo)簽用法學(xué)習(xí)教程
表單是Web頁面上負(fù)責(zé)用戶輸入與服務(wù)器端數(shù)據(jù)交互的最基礎(chǔ)方式,這里我們針對(duì)最基本的表單內(nèi)容顯示,來看一下HTML的form表單標(biāo)簽用法學(xué)習(xí)教程2016-07-08
HTML5 SVG和CSS3實(shí)現(xiàn)的表單浮動(dòng)標(biāo)簽特效源碼
是一段實(shí)現(xiàn)了12中非常炫酷的表單浮動(dòng)標(biāo)簽特效代碼，本段代碼適應(yīng)于所有網(wǎng)頁使用，有興趣的朋友們可以前來下載使用2015-04-10HTML5 form標(biāo)簽之解放表單驗(yàn)證、增加文件上傳、集成拖放的使用方法
本篇文章小編為大家介紹，HTML5 form標(biāo)簽之解放表單驗(yàn)證、增加文件上傳、集成拖放的使用方法。需要的朋友參考下2013-04-24XHTML入門學(xué)習(xí)教程:表單標(biāo)簽
表單是用戶提交信息的重要渠道。本節(jié)就將介紹表單的基礎(chǔ)知識(shí)。 表單標(biāo)簽<form> 表單以一個(gè)<form>標(biāo)簽開始。用戶注冊(cè)網(wǎng)站會(huì)員，投票等等都需要表單來實(shí)現(xiàn)2008-10-17HTML 使用表單標(biāo)簽實(shí)現(xiàn)注冊(cè)頁面的實(shí)例代碼
這篇文章主要介紹了HTML 使用表單標(biāo)簽實(shí)現(xiàn)注冊(cè)頁面的實(shí)例代碼,需要的朋友可以參考下2018-10-31
