<INPUT type=”image”> …… フォームの画像ボタンを作成する





















































広告
このページでは、HTML5のinput要素のtype=imageを解説しています。
input要素のtype=imageの最新情報は、以下を参照してください。
<input>タグのtype属性の値にimageを指定すると、フォームの画像ボタンを作成します。
画像ファイルはsrc属性で指定します。画像ボタンにはalt属性が必須となります。
■属性
- type=”image”
- 画像ボタンを作成する
- name
- ボタンに名前をつける
- src
- ボタンに使用する画像ファイルのURIを指定する
- alt
- ボタン画像の代替テキストを指定する
■使用例
HTMLソース
<form action=”cgi-bin/abc.cgi” method=”post”>
<p>
名前:<input type=”text” name=”namae”>
</p>
<p>
<input type=”image” src=”https://htmqcom1.wpengine.com/wp-content/themes/twentytwentyone-child/htmq-images/kaeru.png” alt=”押してケロ♪”>
</p>
</form>
↓↓↓
ブラウザ上の表示
■HTML5情報
<input type=”image”> …… 画像ボタンを作成する
広告