★HTML5タグリファレンス
<input type="image"> …… 画像ボタンを作成する
広告
このページでは、HTML5のinput要素のtype=imageを解説しています。
input要素のtype=imageの最新情報は、以下を参照してください。
<input>タグのtype属性の値にimageを指定すると、画像ボタンを作成します。 画像ファイルはsrc属性で指定します。画像ボタンにはalt属性が必須となります。
■type="image"の場合に指定可能な属性
- type="image"
- 画像ボタンを作成する
- name属性
- ボタンに名前をつける
- value属性
- ボタンの値を指定する
- src属性
- ボタンに使用する画像ファイルのURIを指定する
- alt属性
- type="image"の場合に、画像の代替テキストを指定（type="image"の場合には必須属性）
- height属性
- type="image"の場合に、画像の高さを指定
- width属性
- type="image"の場合に、画像の幅を指定
- formaction属性
- 送信先URLを指定
- formenctype属性
- 送信するデータの形式を指定（application/x-www-form-urlencoded・multipart/form-data・text/plain）（初期値はapplication/x-www-form-urlencoded）
- formmethod属性
- 送信方法（HTTPメソッド）を指定（get・post）（初期値はget）
- formnovalidate属性
- 入力されたデータの妥当性を確認しない（formnovalidate）
- formtarget属性
- フォーム送信するターゲット先を指定（_blank・_self・_parent・_top・任意のターゲット名）
■使用例
HTMLソース
<form action="cgi-bin/abc.cgi" method="post"><p>
名前：<input type="text" name="namae">
</p>
<p>
<input type="image" src="images/kaeru.png" alt="押してケロ♪">
</p>
</form>
↓↓↓
ブラウザ上の表示
広告
Sponsors
広告
MuuMuu Domain!
ドメイン取るならお名前.com
現役エンジニアのオンライン家庭教師【CodeCamp】
サイトに広告を掲載してお小遣いが稼げる！【A8.net】
© HTMQ