English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML リファレンスマニュアル

HTML タグ一覧

HTML: <button> form 属性

本文介绍HTML button form 属性的使用方法,在线实例演示如何使用HTML button form 属性、浏览器的兼容性、语法定义及它的属性值详细资料等。

 HTML <button> タグ

在线示例

位于表单外部(但仍是表单的一部分)的按钮:

<!DOCTYPE html>
<html>
<head>
<title>HTML:<button> form 属性 - 基础教程网 oldtoolbag.com</title>
<body>
<form action="demo-form.php" method="get" id="form1">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
</form>
<p>以下のボタンはフォーム要素の外にありますが、フォームの一部です。</p>
<button type="submit" form="form1" value="提出">提出</button>
</body>
</html>
テストをしてみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

Internet Explorer ブラウザ以外の主要ブラウザは form 属性をサポートしています。

定義と用法

form 属性は、ボタンが属する 1 つまたは複数のフォームを指定します。

HTML 4.01 と HTML5の違い

form 属性は HTML5の新しい属性。

文法

<button form="form_id">

属性値

説明
form_idボタンが属するフォームの id。 複数のフォームを参照する場合は、スペースで区切られたリストを使用してください。
 HTML <button> タグ