HTML中的form標簽有什么作用？HTML form標簽的用法解釋

一、先看看HTML中form標簽的定義：

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

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

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

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

這還有form標簽的實例：

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

效果看圖：

二、看看HTML form標簽的作用解釋：

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

html form標簽的形式：

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

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

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

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

三、表單標簽<form>表單的作用是收集信息

（1）form表單的屬性

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

<2>name：給表單定一個名字

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

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

（2）表單元素：表單標簽、表單域、表單按鈕

<1>表單標簽：指<form>標簽本身，使用<form></form>定義

<2>表單域：是<form>標簽中用來收集用戶輸入的每一項，通常用input標簽定義，input標簽

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

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

<4>表單元素種類：

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

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

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

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

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

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

• 下拉框：<select>標簽

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

• 標簽：<lable></lable>

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

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

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

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

以上就是本篇文章的全部內(nèi)容了，有什么問題歡迎在下方提問

【小編推薦】

HTML div標簽怎么用？這里有div使用方法的實例

如何給html中的pre標簽中的文字換行？html pre標簽的使用實例

以上就是HTML中的form標簽有什么作用？HTML form標簽的用法解釋的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！