HTML中怎么用form標簽

這篇文章給大家分享的是有關HTML中怎么用form標簽的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

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

<form> 標簽用于為用戶輸入創建 HTML 表單。

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

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

表單用于向服務器傳輸數據。

這還有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標簽的作用是用于將其他表單標簽"包"起來，以便作為一個整體，可以提交數據到服務器。

html form標簽的形式：

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

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

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

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

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

（1）form表單的屬性

<1>action="URL":一個URL地址，指定form表單向何處發送數據

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

<3>enctype=“string”：規定表單數據以什么形式進行編碼

<4>method="get/post"：以何種方式向服務器發送數據

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

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

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

有不同類型，對應用戶不同的數據

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

<4>表單元素種類：

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

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

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

• 復選框：<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"/>

感謝各位的閱讀！關于HTML中怎么用form標簽就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！