Latest web development tutorials

HTMLの<button>タグ

ボタンをマーキング次のコード:

<button type="button">点我!</button>

»をお試しください

ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

すべての主要なブラウザは、<ボタン>タグをサポートしています。


タグの定義と指示

<ボタン>タグには、ボタンを定義します。

<ボタン>要素の内側に、あなたは、テキストや画像などのコンテンツを配置することができます。 これは、要素間との間にボタンを作成するには、<input>要素を使用して差です。

ヒント:常に<ボタン>要素には、type属性を指定します。別のブラウザでは、type属性<ボタン>要素に異なるデフォルト値を使用します。


ヒントと注意事項

注:HTMLフォームの<ボタン>要素を使用する場合は、異なるブラウザは異なるボタンの値を提出することができます。使用してください。<入力> HTMLフォームでボタンを作成します。


HTML 4.01とHTML5との違い

HTML5の新しい属性:オートフォーカス、フォーム、formaction、formenctype、formmethod、formnovalidateとformtarget。


プロパティ

新:HTML5新しいプロパティ。

属性 描述
autofocus New autofocus 规定当页面加载时按钮应当自动地获得焦点。
disabled disabled 规定应该禁用该按钮。
form New form_id 规定按钮属于一个或多个表单。
formaction New URL 规定当提交表单时向何处发送表单数据。覆盖 form 元素的 action 属性。该属性与 type="submit" 配合使用。
formenctype New application/x-www-form-urlencoded
multipart/form-data
text/plain
规定在向服务器发送表单数据之前如何对其进行编码。覆盖 form 元素的 enctype 属性。该属性与 type="submit" 配合使用。
formmethod New get
post
规定用于发送表单数据的 HTTP 方法。覆盖 form 元素的 method 属性。该属性与 type="submit" 配合使用。
formnovalidate New formnovalidate 如果使用该属性,则提交表单时不进行验证。覆盖 form 元素的 novalidate 属性。该属性与 type="submit" 配合使用。
formtarget New _blank
_self
_parent
_top
framename
规定在何处打开 action URL。覆盖 form 元素的 target 属性。该属性与 type="submit" 配合使用。
name name 规定按钮的名称。
type button
reset
submit 
规定按钮的类型。
value text 规定按钮的初始值。可由脚本进行修改。


グローバル・プロパティ

<ボタン>タグはサポートしてHTMLグローバルプロパティを


イベントプロパティ

<ボタン>タグがサポートしているHTMLのイベントプロパティを


関連記事

HTML DOMリファレンスマニュアル: ボタンのオブジェクト