html中表單標簽怎么用

這篇文章主要介紹html中表單標簽怎么用，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

4-1

表單是可以把瀏覽者輸入的數據傳送到服務器端，這樣服務器端程序就可以處理表單傳過來的數據。

語法：

<form method="傳送方式" action="服務器文件">

講解：

1.<form> ：<form>標簽是成對出現的，以<form>開始，以</form>結束。

2.action ：瀏覽者輸入的數據被傳送到的地方,比如一個PHP頁面(save.php)。

3.method ： 數據傳送的方式（get/post）。

4-2

<input>輸入框

文本輸入框、密碼輸入框

當用戶要在表單中鍵入字母、數字等內容時，就會用到文本輸入框。文本框也可以轉化為密碼輸入框。

語法：

<form>

<input type="text/password" name="名稱" value="文本" />

</form>

1、type：

當type="text"時，輸入框為文本輸入框;

當type="password"時, 輸入框為密碼輸入框。

2、name：為文本框命名，以備后臺程序ASP 、PHP使用。

3、value：為文本輸入框設置默認值。(一般起到提示作用)

4-3

文本域，支持多行文本輸入

當用戶需要在表單中輸入大段文字時，需要用到文本輸入域。

語法：

<textarea rows="行數" cols="列數">文本</textarea>

1、<textarea>標簽是成對出現的，以<textarea>開始，以</textarea>結束。

2、cols ：多行輸入域的列數。

3、rows ：多行輸入域的行數。

4-4

單選框，復選框

語法：

<input type="radio/checkbox" value="值" name="名稱" checked="checked"/>

1、type:

當type="radio"時，控件為單選框

當type="checkbox"時，控件為復選框

2、value：提交數據到服務器的值（后臺程序PHP使用）

3、name：為控件命名，以備后臺程序ASP、PHP使用

4、checked：當設置checked="checked"時，該選項被默認選中

注意：同一組的單選按鈕，name取值一定要一致，這樣同一組的單選按鈕才可以起到單選的作用。

4-5

下拉列表框，節省空間

下拉列表在網頁中也常會用到，它可以有效的節省網頁空間。既可以單選、又可以多選。

語法：<option value="提交值">選項</option>

提交值是向服務器提交的值，選項是顯示的值。

<form action="save.php" method="post" >

<label>愛好:</label>

<select>

<option value="看書">看書</option>

<option value="旅游" selected="selected">旅游</option>

<option value="運動">運動</option>

<option value="購物">購物</option>

</select>

</form>

4-6

使用下拉列表框進行多選

下拉列表也可以進行多選操作，在<select>標簽中設置multiple="multiple"屬性，

就可以實現多選功能，進行多選時按下Ctrl鍵同時進行單擊，可以選擇多個選項。

如下代碼：

<form action="save.php" method="post" >

<label>愛好:</label>

<select multiple="multiple">

<option value="看書">看書</option>

<option value="旅游">旅游</option>

<option value="運動">運動</option>

<option value="購物">購物</option>

</select>

</form>

4-7

在表單中有兩種按鈕可以使用，分別為：提交按鈕、重置。

1，提交按鈕：當用戶需要提交表單信息到服務器時，需要用到提交按鈕。

語法：

<input type="submit" value="提交">

type：只有當type值設置為submit時，按鈕才有提交作用

value：按鈕上顯示的文字

2，重置按鈕，重置表單信息

當用戶需要重置表單信息到初始時的狀態時，比如用戶輸入“用戶名”后，發現書寫有誤，可以使用重置按鈕使輸入框恢復到初始狀態。只需要把type設置為"reset"就可以。

語法：

<input type="reset" value="重置">

type：只有當type值設置為reset時，按鈕才有重置作用

value：按鈕上顯示的文字

以上是“html中表單標簽怎么用”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！