スクリプト言語を起動するためのボタンを設置する

input type="button"

< input 【 インプット 】 type 【 タイプ 】 =" button 【 ボタン 】 ">

type属性にbuttonが指定されたinput要素は、ボタンとなります。JavaScriptなどと組み合わせて、スクリプト言語の起動用ボタンとして利用します。

使用できる属性

input要素で解説した以下の属性を同時に使用できます。value属性で指定した値はボタン名に使用されます。

autofocus 【 オート・フォーカス 】 , disabled 【 ディスエーブルド 】 , form 【 フォーム 】 , name 【 ネーム 】 , value 【 バリュー 】

サンプルコード

以下の例ではWebページを更新（リロード）するボタンを設置しています。ボタンをクリックしたときの挙動は、onclick属性の値にJavaScriptを記述しています。

<form action="cgi-bin/example.cgi" method="post">
  <p>内容を更新するには［更新］ボタンをクリックします。</p>
  <input type="button" name="refresh" value="更新" onclick="location.reload(true)"></p>
</form>

関連記事