html的表單form以及form內部標簽的使用
來源:易賢網(wǎng) 閱讀:836 次 日期:2014-12-29 16:22:27
溫馨提示:易賢網(wǎng)小編為您整理了“html的表單form以及form內部標簽的使用”,方便廣大網(wǎng)友查閱!

代碼如下:

<html>

<head>

<title> form表單的使用 </title>

<!--

標簽名稱:form 表單標簽

屬性:action:提交的去向,目標地址的url

method:設置提交請求的方式,get和post;默認為get

get和post提交有什么區(qū)別?------------------------

get傳輸:將內容信息放在地址欄傳輸,而且長度限制在1k,而且安全性不好。

post傳輸:將內容房子body信息中傳輸。沒有長度限制。

子標簽:

input標簽:需要提交其中的value,必須有一個name屬性。

屬性:type:password 等

//------------

通過下面的實例的演示,發(fā)現(xiàn)在某些情況下可以用form去做鏈接,而且做鏈接的同時還能提交數(shù)據(jù)到

這個目標的地址文件上。

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>當用戶點擊一個單選按鈕時,該按鈕會變?yōu)檫x中狀態(tài),其他所有按鈕會變?yōu)榉沁x中狀態(tài)。</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內部,同時也可以將這些標簽的數(shù)據(jù)提交到另一個url。

更多信息請查看IT技術專欄

更多信息請查看技術文章
易賢網(wǎng)手機網(wǎng)站地址:html的表單form以及form內部標簽的使用
關于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65317125(9:00—18:00) 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權所有:易賢網(wǎng)