form 標(biāo)簽用于創(chuàng)建表單,允許用戶輸入數(shù)據(jù)并提交至服務(wù)器端處理。屬性包括 action(處理程序 url)、method(提交方式)、name(表單名稱)、target(提交目標(biāo))、enctype(數(shù)據(jù)編碼方式)。表單元素包括文本框、下拉列表、文本區(qū)域、按鈕等。提交表單會(huì)將數(shù)據(jù)通過(guò)指定方式和 url 發(fā)送至服務(wù)器端。
HTML 中 form 標(biāo)簽的用法
什么是 form 標(biāo)簽?
form 標(biāo)簽用于創(chuàng)建一個(gè)表單,允許用戶輸入數(shù)據(jù)并在表單提交時(shí)將數(shù)據(jù)發(fā)送到服務(wù)器端處理。
form 標(biāo)簽的屬性
action:指定表單提交后發(fā)送數(shù)據(jù)的服務(wù)器端處理程序的 URL。
method:指定向服務(wù)器提交數(shù)據(jù)的方法(通常為 GET 或 POST)。
name:為表單指定一個(gè)名稱,以便在 HTML 頁(yè)面中引用。
target:指定表單提交后的目標(biāo)(默認(rèn)情況下為 _self)。
enctype:指定如何編碼表單數(shù)據(jù)(默認(rèn)情況下為 application/x-www-form-urlencoded)。
表單元素
表單可以通過(guò)各種表單元素收集用戶輸入,包括:
input:文本框、密碼框、復(fù)選框、單選按鈕等。
select:下拉列表。
textarea:多行文本輸入?yún)^(qū)域。
button:提交按鈕、重置按鈕等。
表單提交
當(dāng)用戶單擊表單中的提交按鈕時(shí),表單數(shù)據(jù)將通過(guò)指定的 method 和 action 提交到服務(wù)器端。
示例
創(chuàng)建一個(gè)簡(jiǎn)單的表單來(lái)收集用戶的姓名:
<code class="html"><form action="process_form.php" method="post"> <label for="name">姓名:</label> <input type="text" id="name" name="name"><input type="submit" value="提交"> </form></code>
登錄后復(fù)制
注意事項(xiàng)
始終對(duì)用戶輸入進(jìn)行驗(yàn)證以防止惡意提交。
明確指定 method 和 action 屬性,以便表單正常工作。
使用