這篇文章主要介紹了如何使用html中標簽制作表單，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
表單標簽的主要作用是：在HTML頁面中創建一個表單，在用戶填寫完表單信息后，將數據提交給服務器。需要填寫數據的標簽必須要放在表單標簽體里面。 常用的屬性： action：請求路徑，在該屬性中確定表單數據提交的服務器地址。 method：請求方式。常用的請求方式有：get，post。 get（默認）：1.get的請求的數據有限 2.提交的表單數據是追加在請求的路徑上，如：regist.action?username=jack&password=1111。 追加是在請求地址的后面加上?連接。之后每一對數據使用&連接。 post：1.提交的數據不在請求路徑上追加，不顯示在地址欄上。 2.理論上，post請求的數據量是無限的。
輸入域標簽用于獲得用戶輸入的信息，type屬性的值不同，獲取的方式也就不一樣。
常用屬性：
type屬性
text：文本框，單行輸入字段，用戶可以在其中輸入文本，
password：密碼框，該輸入框中的輸入字符將會以黑圓顯示。
radio：單選框，表示一組互斥選項按鈕中的一個，當一個按鈕被選中，之前的按鈕就會變為非選中。
checkbox：多選按鈕。
file：文件上傳組件
hidden：隱藏字段，數據會發送給服務器，但瀏覽器不會顯示。
reset：重置按鈕，將表單恢復到默認值。
submit：提交按鈕，提交按鈕會把表單數據發送到服務器。
name屬性：元素名，必須要提供name屬性，表單數據才會提交到服務器中。服務器通過該值來獲取數據。
value屬性：設置input標簽的默認值，
size屬性：設置輸入框的大小
checked屬性：單選框或復選框被選中。
readonly：是否只讀。
disable：是否可用。下拉列表標簽，提供一些選項，來選中其中的一項或多項。需要配合子標簽<option>來使用。
name屬性：設置名稱，必寫項。
multiple屬性：不寫默認單選，取值為multiple表示多選。
size屬性：多選時，可見的選項數目。
子標簽<option>:下拉列表中的一個選項
selected：選中當前的列表項。
value：發送給服務器的選項值。示例代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表單標簽</title>
</head>
<body>
<!--要提交到服務器中的所有信息，必須要用form標簽包裹起來-->
<form>
<!--文本輸入項-->
用戶名：<input type="text" name="usernam"/><br />
<!--密碼項-->
密 碼：<input type="password" name="password" /><br />
確認密碼:<input type="password" name="password2" /><br />
<!--單選按鈕-->
性別:<input type="radio" name="sex" />男
<input type="radio" name="sex" />女<br />
<!--多選按鈕-->
興趣愛好：<input type="checkbox" name="hobby" />寫博客
<input type="checkbox" name="hobby" />寫代碼
<input type="checkbox" name="hobby" />看源碼<br />
<!--文件選項-->
文件：<input type="file" name="file" /><br />
<!--下拉列表標簽-->
居住城市：<select name="city">
<option>--請選擇--</option>
<option>北京</option>
<option>上海</option>
<option>廣州</option>
</select><br />
<!--提交按鈕-->
<input type="submit" value="提交按鈕" /><br />
<!--普通按鈕-->
<input type="button" value="普通按鈕" /><br />
<!--重置按鈕-->
<input type="reset" value="重置" /><br />
</form>
</body>
</html>效果如下：
感謝你能夠認真閱讀完這篇文章，希望小編分享如何使用html中標簽制作表單內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
