<ボタン>

HTML <button> タグ

インスタンス

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head> 
<body>

<button type="button" onclick="alert('你好，世界!')">点我!</button>
 
</body>
</html>

インスタンスの実行 »

「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します

ブラウザのサポート

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

ラベルの定義と使用方法

<ボタン> ラベルはボタンを定義します。

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

ヒント: <button> 要素には必ず type 属性を指定してください。ブラウザごとに、<button> 要素の type 属性に異なるデフォルト値が使用されます。

ヒントとメモ

注: HTML フォームで <button> 要素を使用する場合、ブラウザごとに異なるボタン値が送信される可能性があります。 <input> を使用して HTML フォームにボタンを作成します。

HTML 4.01とHTML5の違い

HTML5の新しい属性: autofocus、form、formaction、formenctype、formmethod、formnovalidate、formtarget。

属性

New: HTML5 の新しい属性。

Property	Value	Description
autofocusNew	autofocus	ページの読み込み時にボタンが自動的にフォーカスを取得するように指定します。
disabled	disabled	は、ボタンを無効にすることを指定します。
formNew	form_id	ボタンが 1 つ以上のフォームに属することを指定します。
formactionNew	URL	フォームが送信されたときにフォームデータを送信する場所を指定します。 form要素のaction属性をオーバーライドします。この属性は type="submit" とともに使用されます。
formenctypeNew	application/x-www-form-urlencoded マルチパート/フォームデータ text/plain	は、サーバーに送信する前にフォームデータをエンコードする方法を指定します。 form 要素の enctype 属性をオーバーライドします。この属性は type="submit" とともに使用されます。
formmethodNew	get post	フォームデータの送信に使用されるHTTPメソッドを指定します。 form要素のmethod属性をオーバーライドします。この属性は type="submit" とともに使用されます。
formnovalidateNew	formnovalidate	この属性が使用される場合、フォームの送信時に検証は実行されません。 form 要素の novalidate 属性をオーバーライドします。この属性は type="submit" とともに使用されます。
formtargetNew	_blank _自分 _親 _top framename	は、アクション URL を開く場所を指定します。 form要素のtarget属性をオーバーライドします。この属性は type="submit" とともに使用されます。
name	name	ボタンの名前を指定します。
タイプ	ボタンリセット送信	ボタンの種類を指定します。
value	text	はボタンの初期値を指定します。スクリプトで変更可能。

グローバル属性

<button> タグは HTML グローバル属性をサポートします。

イベント属性

<button> タグは HTML イベント属性をサポートします。

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