選單
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

HTML form 屬性


定義和用法

form 屬性指定了該元素所屬的表單。

此屬性的值必須等於同一文件中 ` <form>` 元素的 `id` 屬性。


適用範圍

form 屬性可用於以下元素

元素 Attribute
<button> form
<fieldset> form
<input> form
<label> form
<meter> form
<object> form
<output> form
<select> form
<textarea> form

示例

按鈕示例

位於表單外部(但仍屬於表單一部分)的按鈕

<form action="/action_page.php" method="get" id="form1">
  名:<input type="text" name="fname"><br>
  姓:<input type="text" name="lname"><br>
</form>

<button type="submit" form="form1" value="Submit">提交</button>
自己動手試一試 »

Fieldset 示例

位於表單外部(但仍屬於表單一部分)的 `< <fieldset>` 元素

<form action="/action_page.php" method="get" id="form1">
  你最喜歡的顏色是什麼?<input type="text" name="fav_color"><br>
  <input type="submit">
</form>

<fieldset form="form1">
  姓名:<input type="text" name="username"><br>
  郵箱:<input type="text" name="usermail"><br>
</fieldset>
自己動手試一試 »

Input 示例

位於 HTML 表單外部(但仍屬於表單一部分)的輸入欄位

<form action="/action_page.php" id="form1">
  名:<input type="text" name="fname"><br>
  <input type="submit" value="提交">
</form>

姓:<input type="text" name="lname" form="form1">
自己動手試一試 »

Label 示例

位於表單外部(但仍屬於表單一部分)的 `< <label>` 元素

<form action="/action_page.php" id="form1">
  <input type="radio" id="html" name="fav_language" value="HTML"><br>
  <input type="radio" id="css" name="fav_language" value="CSS">
  <label for="css">CSS</label><br>
  <input type="radio" id="javascript" name="fav_language" value="JavaScript">
  <label for="javascript">JavaScript</label><br><br>
  <input type="submit" value="提交">
</form>

<label for="html">HTML</label>
自己動手試一試 »

Meter 示例

位於表單外部(但仍屬於表單一部分)的 `< <meter>` 元素

<form action="/action_page.php" method="get" id="form1">
  名:<input type="text" name="fname"><br>
  <input type="submit" value="提交">
</form>

<meter form="form1" name="x1" min="0" low="40" high="90" max="100" value="95"></meter>
自己動手試一試 »

物件示例

位於表單外部(但仍屬於表單一部分)的 `< <object>` 元素

<form action="/action_page.php" id="form1">
  名:<input type="text" name="fname"><br>
  <input type="submit" value="提交">
</form>

<object data="helloworld.swf" height="400" width="400" form="form1" name="obj1"></object>
自己動手試一試 »

Output 示例

位於表單外部(但仍屬於表單一部分)的 `< <output>` 元素

<form action="/action_page.php" id="numform"
oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" name="a" value="50">100
+<input type="number" id="b" name="b" value="50">
<br><br>
<input type="submit">
</form>

<output form="numform" name="x" for="a b"></output>
自己動手試一試 »

Select 示例

位於表單外部(但仍屬於表單一部分)的下拉列表

<form action="/action_page.php" id="carform">
  名字:<input type="text" name="fname">
  <input type="submit">
</form>

<select name="carlist" form="carform">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
自己動手試一試 »

Textarea 示例

位於表單外部(但仍屬於表單一部分)的文字區域

<form action="/action_page.php" id="usrform">
  姓名:<input type="text" name="usrname">
  <input type="submit">
</form>

<textarea name="comment" form="usrform">在此處輸入文字...</textarea>
自己動手試一試 »

瀏覽器支援

form 屬性在每個元素上都有以下瀏覽器支援

元素
button 10.0 16.0 4.0 5.1 9.5
fieldset
input 5.1 10.6
標籤
meter 不支援 不支援 不支援 不支援 不支援
object 不支援 不支援 不支援 不支援 不支援
output 不支援 不支援 不支援 不支援 不支援
select
textarea 11.0

×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業,請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤,或想提出建議,請傳送電子郵件給我們
help@w3schools.com

W3Schools 經過最佳化,旨在方便學習和培訓。示例可能經過簡化,以提高閱讀和學習體驗。教程、參考資料和示例會不斷審查,以避免錯誤,但我們無法保證所有內容的完全正確性。使用 W3Schools 即表示您已閱讀並接受我們的使用條款Cookie 和隱私政策

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援