html的form內(nèi)部標(biāo)簽應(yīng)該如何使用
發(fā)表時間:2023-09-17 來源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]這次給大家?guī)韍tml的form內(nèi)部標(biāo)簽應(yīng)該如何使用,使用html的form內(nèi)部標(biāo)簽的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來看一下。<html> <head> <title> form表單的使用 </title> <!-- 標(biāo)簽名稱:form...
這次給大家?guī)韍tml的form內(nèi)部標(biāo)簽應(yīng)該如何使用,使用html的form內(nèi)部標(biāo)簽的
注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來看一下。
<html>
<head>
<title> form表單的使用 </title>
<!--
標(biāo)簽名稱:form 表單標(biāo)簽
屬性:action:提交的去向,目標(biāo)地址的url
method:設(shè)置提交請求的方式,get和post;默認(rèn)為get
get和post提交有什么區(qū)別?------------------------
get傳輸:將內(nèi)容信息放在地址欄傳輸,而且長度限制在1k,而且安全性不好。
post傳輸:將內(nèi)容房子body信息中傳輸。沒有長度限制。
子標(biāo)簽:
input標(biāo)簽:需要提交其中的value,必須有一個name屬性。
屬性:type:password 等
//------------
通過下面的實(shí)例的演示,發(fā)現(xiàn)在某些情況下可以用form去做鏈接,而且做鏈接的同時還能提交數(shù)據(jù)到
這個目標(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í)例:
我喜歡自行車:
<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)擊一個單選按鈕時,該按鈕會變?yōu)檫x中狀態(tài),其他所有按鈕會變?yōu)榉沁x中狀態(tài)。</p>
</tr>
<tr>
文本域:
<textarea rows="10" cols="30">文本域標(biāo)簽的使用</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="確認(rèn)提交"/>
</td>
<td>
<input type="reset" value="重置"/>
</td>
</tr>
</table>
</form>
</fieldset>
</body>
</html>
只要是有name和value屬性的標(biāo)簽都可以放在form內(nèi)部,同時也可以將這些標(biāo)簽的數(shù)據(jù)提交到另一個url。
相信看了這些案例你已經(jī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)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!
網(wǎng)站建設(shè)是一個廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。