HTML標準(目的別)
HTML標準(ABC順)
HTML5(旧仕様)
HTML4(旧仕様)
CSSプロパティ(目的別)
CSSプロパティ(ABC順)
CSS3(目的別)
CSS3(ABC順)
HTMLの基本
CSSの基本
チュートリアル
ウェブ制作TIPS
JavaScript
Canvas
HTML5 API
特殊文字
優良デザイン
WEBカラー
WEB画像
イラスト素材
コラム
about
サイトマップ
トップページ
>
HTMLタグリファレンス
>
<INPUT>
>
type="image"
★HTMLタグリファレンス
<INPUT type="image"> …… フォームの画像ボタンを作成する
広告
このページでは、HTML5のinput要素のtype=imageを解説しています。
input要素のtype=imageの最新情報は、以下を参照してください。
HTML Living Standardリファレンス
https://www.htmq.com/htmls/input_type_image.shtml
<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="images/kaeru.png" alt="押してケロ♪">
</p>
</form>
↓↓↓
ブラウザ上の表示
名前:
■HTML5情報
<input type="image">
…… 画像ボタンを作成する
広告
Sponsors
HTML標準(目的別)
HTML標準(ABC順)
HTML5(旧仕様)
HTML4(旧仕様)
CSSプロパティ(目的別)
CSSプロパティ(ABC順)
CSS3(目的別)
CSS3(ABC順)
HTMLの基本
CSSの基本
チュートリアル
ウェブ制作TIPS
JavaScript
Canvas
HTML5 API
特殊文字
優良デザイン
WEBカラー
WEB画像
イラスト素材
コラム
about
サイトマップ
▲ページ先頭へ
HTMLクイックリファレンスについて
© HTMQ