Home
HTML&CSS Web制作のインデックス
-各種リファレンスとサンプルコード集-

<< Home / ケータイ index / フォームタグ / 送信ボタンとリセットボタンを作る
Mobile Index

<INPUT TYPE="submit"><INPUT TYPE="reset">
送信ボタンとリセットボタンを作る


対応機種

INPUTタグTYPE="submit" を指定すると送信ボタンが作成でき、TYPE="reset" を指定するとリセットボタンが作成されます。

データを送信するには、この送信ボタンが必要です。またリセットボタンを押すと、それまで記入や選択した内容を初期状態に戻すことができます。


<INPUT TYPE="submit" VALUE="送信する">

<INPUT TYPE="reset" VALUE="リセット">


TYPE="submit"に指定できる内容
VALUE="" ボタンに表示される文字を指定する
NAME="" ボタン名を指定する
TYPE="reset"に指定できる内容
VALUE="" ボタンに表示される文字を指定する



■VALUE="" (ボタンに表示される文字を指定する)

VALUE="" の中に記述した文字が、ボタンに表示される文字となります。この VALUE="" を指定しない場合は、特定の文字が表示されます。


■NAME="" (ボタン名を指定する)

送信ボタンが複数ある場合には、NAME="" を使ってボタン名を指定します。このボタン名を指定しておくことで、CGI等の受信側でどのボタンが押されたかを判別することができます。

【使用例】

■VALUE="" を指定した場合

<FORM>
<INPUT TYPE="text" NAME="sample">
<BR>
<INPUT TYPE="submit" VALUE="送信">
<INPUT TYPE="reset" VALUE="中止">
</FORM>

<BR>
※サンプルのため送信できません

サンプル画面


※サンプルのため送信できません

【使用例】

■VALUE="" を指定しない場合

<FORM>
<INPUT TYPE="text" NAME="sample">
<BR>
<INPUT TYPE="submit">
<BR>
<INPUT TYPE="reset">
</FORM>

<BR>
※サンプルのため送信できません

サンプル画面



※サンプルのため送信できません

使用例のサンプル画面は、携帯電話での表示を想定したおおまかなイメージです。実際とは多少異なる場合があります。

<< 前のページにもどる


<< Home / ケータイ index / フォームタグ / 送信ボタンとリセットボタンを作る Page Top