這篇文章給大家分享的是有關(guān)HTML中怎么用form標(biāo)簽的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧。

10年積累的成都網(wǎng)站建設(shè)、成都網(wǎng)站制作經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程，更有上蔡免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

一、先看看HTML中form標(biāo)簽的定義：

<form> 標(biāo)簽用于為用戶輸入創(chuàng)建 HTML 表單。

表單能夠包含 input 元素，比如文本字段、復(fù)選框、單選框、提交按鈕等等。

表單還可以包含 menus、textarea、fieldset、legend 和 label 元素。

表單用于向服務(wù)器傳輸數(shù)據(jù)。

這還有form標(biāo)簽的實(shí)例：

<form action="form_action.asp" method="get">
  <p>第一個(gè)用戶名: <input type="text" name="fname" /></p>
  <p>第二個(gè)用戶名: <input type="text" name="lname" /></p>
  <input type="Submit" value="提交" />
</form>

效果看圖：

二、看看HTML form標(biāo)簽的作用解釋?zhuān)?/strong>

form標(biāo)簽的作用是用于將其他表單標(biāo)簽"包"起來(lái)，以便作為一個(gè)整體，可以提交數(shù)據(jù)到服務(wù)器。

html form標(biāo)簽的形式：

<form  name="表單名稱(chēng)"  action="目標(biāo)地址"  method="數(shù)據(jù)提交方式" >  。。。 </form>

name：只是給該表單命名，用于js技術(shù)使用。

action：設(shè)定表單數(shù)據(jù)提交給哪個(gè)文件，用于后端技術(shù)（比如php）來(lái)接受并處理數(shù)據(jù)

method: 設(shè)定數(shù)據(jù)提交方式，用于根據(jù)不同的數(shù)據(jù)需求來(lái)選擇合適的提交（傳送）方式

三、表單標(biāo)簽<form>表單的作用是收集信息

（1）form表單的屬性

<1>action="URL":一個(gè)URL地址，指定form表單向何處發(fā)送數(shù)據(jù)

<2>name：給表單定一個(gè)名字

<3>enctype=“string”：規(guī)定表單數(shù)據(jù)以什么形式進(jìn)行編碼

<4>method="get/post"：以何種方式向服務(wù)器發(fā)送數(shù)據(jù)

（2）表單元素：表單標(biāo)簽、表單域、表單按鈕

<1>表單標(biāo)簽：指<form>標(biāo)簽本身，使用<form></form>定義

<2>表單域：是<form>標(biāo)簽中用來(lái)收集用戶輸入的每一項(xiàng)，通常用input標(biāo)簽定義，input標(biāo)簽

有不同類(lèi)型，對(duì)應(yīng)用戶不同的數(shù)據(jù)

<3>表單按鈕：提交<form>表單中所有的信息到服務(wù)器

<4>表單元素種類(lèi)：

• 單行文本框：<input type="text">，默認(rèn)值是type=“text”

• 密碼框：<input type="password"/>

• 單選按鈕：<input type="radio"/>

• 復(fù)選框：<input type="checkbox"/>

• 隱藏框：<input type="hidden"/>

• 文件上傳：<input type="file"/>

• 下拉框：<select>標(biāo)簽

• 多行文本：<textarea></textarea>

• 標(biāo)簽：<lable></lable>

• 元素集：<fieldset></fieldset>

• 提交按鈕：<input type="submit"/>

• 普通按鈕：<input type="button"/>

• 重置按鈕：<input type="reset"/>

感謝各位的閱讀！關(guān)于HTML中怎么用form標(biāo)簽就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

名稱(chēng)欄目：HTML中怎么用form標(biāo)簽-創(chuàng)新互聯(lián)
本文路徑：http://chinadenli.net/article38/edhsp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開(kāi)發(fā)、外貿(mào)網(wǎng)站建設(shè)、電子商務(wù)、自適應(yīng)網(wǎng)站、域名注冊(cè)、動(dòng)態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)