HTML中的表單標簽怎么用

這篇文章主要介紹了HTML中的表單標簽怎么用，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

form標簽定義提交方式、提交地址、表單字符集以及如何對其進行編碼，需要提交的表單一定要放在form標簽內。

<form id="form1" name="form1" method="post|get" enctype="multipart/form-data" action="提交到的地址"></form>

input標簽用于搜集用戶信息

<input name="userName" type="text" maxlength="5" size="100" value="asdfasdfasfd" />

密碼，輸入的字符會被掩碼（顯示為星號或原點）

<input name="pwd" type="password" maxlength="5" size="100" value="" />

文件類型的表單，上傳文件時，form表單一定要設置為enctype="multipart/form-data"

<input type="file" name="file" />

隱藏表單

<input type="hidden" name="country" value="China" />

提交

<input type="submit" name="Submit" value="提交" disabled="disabled" />

重置

<input type="reset" name="Submit2" value="重置" />

radio單選

<input name="sex" type="radio" value="1" />男

<input name="sex" type="radio" value="2" checked="checked" />女

checkbox多選

<input name="skill" type="checkbox" value="1" checked="checked" />PHP

<input name="skill" type="checkbox" value="2" />前端

<input name="skill" type="checkbox" value="2" />數據庫

<span style="color: #ff0000;">注：checked="checked"可以簡寫成checked</span>

label標簽為input元素定義標注，如果您點擊label元素文本，就會觸發此input控件。

textarea標簽，設置文本區內的可見行數和寬度

<textarea name="content" cols="30" rows="10">大段文本輸入框</textarea>

button標簽定義一個按鈕

提交按鈕

<button type="submit" value="提交">提交</button>

重置按鈕

<button type="reset" value="重置">重置</button>

select標簽和option標簽下拉列表

單選菜單列表框

<select name="user">

<option value="1">ray</option>

<option value="2" selected="selected">raykaeso</option>

</select>

多選列表下拉框，shift加鼠標單擊，可以連續選擇多個選擇，CTRL+鼠標點擊，可以點擊多個。

<select name="user" size="10" multiple="multiple">

<option value="1">雷雪松</option>

<option value="2" selected="selected">ray</option>

<option value="3">raykaeso</option>

</select>

感謝你能夠認真閱讀完這篇文章，希望小編分享的“HTML中的表單標簽怎么用”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!