HTML


<button> 元素的 form 屬性用於指定按鈕所屬的表單。

以下是語法 −

<button form="id">

上面的 id 是按鈕所屬表單的 id。

現在讓我們看一個示例來實現 <button> 元素的 form 屬性−

示例

 實戰演示

<!DOCTYPE html>
<html>
<body>
<h2>Points</h2>
<form action="" method="get" id="form1">
   Player: <input type="text"><br>
   Rank: <input type="number"><br>
   Points: <input type="number"><br>
</form>
<button type="submit" form="form1" value="Submit">Click to Submit</button>
</body>
</html>

這將產生以下輸出。按鈕是表單的一部分−

在上面的示例中,我們設定了一個表單並添加了表單元素−

<form action="" method="get" id="form1">
   Player: <input type="text"><br>
   Rank: <input type="number"><br>
   Points: <input type="number"><br>
</form>

與此同時,我們在表單外部設定了一個按鈕−

<button type="submit" form="form1" value="Submit">Click to Submit</button>

由於我們在按鈕中設定了表單 id,因此它仍然屬於同一個表單。這可以透過使用 <button> 表單屬性實現。

更新於:30-7 月-2019

215 次瀏覽

開啟你的 職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.