明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)!

html的form內(nèi)部標(biāo)簽應(yīng)該如何使用

[摘要]這次給大家?guī)?lái)html的form內(nèi)部標(biāo)簽應(yīng)該如何使用,使用html的form內(nèi)部標(biāo)簽的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來(lái)看一下。<html> <head> <title> form表單的使用 </title> <!-- 標(biāo)簽名稱(chēng):form...
這次給大家?guī)?lái)html的form內(nèi)部標(biāo)簽應(yīng)該如何使用,使用html的form內(nèi)部標(biāo)簽的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來(lái)看一下。

<html> 
<head> 
<title> form表單的使用 </title> 
<!-- 
標(biāo)簽名稱(chēng):form 表單標(biāo)簽 
屬性:action:提交的去向,目標(biāo)地址的url 
method:設(shè)置提交請(qǐng)求的方式,get和post;默認(rèn)為get 
get和post提交有什么區(qū)別?------------------------ 
get傳輸:將內(nèi)容信息放在地址欄傳輸,而且長(zhǎng)度限制在1k,而且安全性不好。 
post傳輸:將內(nèi)容房子body信息中傳輸。沒(méi)有長(zhǎng)度限制。 
子標(biāo)簽: 
input標(biāo)簽:需要提交其中的value,必須有一個(gè)name屬性。 
屬性:type:password 等 
//------------ 
通過(guò)下面的實(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ù)選框實(shí)例:

我喜歡自行車(chē):

<input type="checkbox" name="Bike">

我喜歡汽車(chē):

<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。

相信看了這些案例你已經(jīng)掌握了方法,更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!

相關(guān)閱讀:

Html中Select的option怎樣設(shè)置默認(rèn)選擇

怎樣可以固定table的寬度 table-layout: fixed

優(yōu)化HTML的輸入框提高用戶體驗(yàn)和易用度的方法

以上就是html的form內(nèi)部標(biāo)簽應(yīng)該如何使用的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ),涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。