■ リセット・送信ボタンを作る
| タグ名 | プロパティ | 値 | 説明 |
| <input> | type | reset | リセットボタン |
| submit | 送信ボタン |
| image | 送信ボタンに画像を貼り付ける |
| name | データ名 | データに名前をつける |
| value | テキスト | ボタンに表示するテキスト |
| src | ファイル名 | 貼り付ける画像ファイル |
| alt | テキスト | 画像の代わりのテキスト |
| align | top | テキスト上揃え |
| middle | テキスト中央揃え |
| bottom | テキストした揃え |
| left | 画像左、テキスト右 |
| right | 画像右、テキスト左 |
◆リセットボタンを作成する
<input type="reset"> でリセットボタンを作成します。
value 属性で、ボタンに表示する文字列を指定します。
<form>
あなたの今欲しいのは？<br>
<input type="radio" name="sex" value="karesi">彼氏
<input type="radio" name="sex" value="kanojo">彼女
<input type="radio" name="sex" value="okama">おかまちゃん
<input type="reset" value="クリア">
</form>
ここではボタンに「クリア」と表示されるように、value="クリア" としていますね。
value 属性を使わないと こうなります。
◆送信ボタンを作成する
<input type="submit"> で送信ボタンを作成します。
value 属性で、ボタンに表示する文字列を指定します。
送信先を分けるなど、ボタンを複数使う場合は、それぞれに name 属性をつけます。
<form>
送信ボタンのデフォルト表示<br>
<input type="submit">
<br><br>
送信ボタンに名前をつけた場合<br>
<input type="submit" value="o(o|o)/そうしん！">
<br><br>
送信ボタンに長い名前をつけた場合<br>
<input type="submit" value="(/0|0)/===※(Y)x\x(Y)そうしん！">
<br><br>
送信ボタンを２つ使う場合<br>
<input type="submit" name="A" value="A: o(o|o)/そうしん！">
<input type="submit" name="B" value="B: (Y)o\o(Y)そうしん！">
</form>
◆送信ボタンに画像を貼り付ける
<input type="image"> で送信ボタンに画像を貼り付けることができます。
src="ファイル名" で、ボタンに貼り付ける画像を指定します。
alt 属性で画像が表示されない場合の代替テキストを指定します。
align 属性で画像や周りのテキストの表示位置を設定します。
<form>
<input type="image" src="cat.gif" alt="送信ボタン" name="submit"
align="middle"> ←クリック送信！
</form>
|