logo

HTML画像ボタン

画像ボタン HTML ドキュメント内の タイプ の属性 要素。画像ボタンも送信ボタンと同じ機能を実行しますが、それらの唯一の違いは、選択した画像をボタンとして保持できることです。

Javaマップの例

構文

 

例 1: この例は、CSS を使用せずに画像ボタンを指定するために使用されます。

 Example of image button /* The following tag selector body use the font-family and background-color properties for body of a page*/ Body { font-family: Calibri, Helvetica, sans-serif; background-color: pink; } /* Following container class used padding for generate space around it, and also use a background-color for specifying the lightblue color as a background */ .container { padding: 50px; background-color: lightblue; } /* The following tag selector input uses the different properties for specifying the text field. */ input[type=text] { width: 100%; padding: 15px; margin: 5px 0 22px 0; display: inline-block; border: none; background: #f1f1f1; } input[type=text]:focus { background-color: orange; outline: none; } div { padding: 10px 0; } hr { border: 1px solid #f1f1f1; margin-bottom: 25px; } <hr> Firstname: Middlename: Lastname: Course : Course BCA BBA B.Tech MBA MCA M.Tech Gender : <br> Male Female Other 
今すぐテストしてください

出力:

HTML画像ボタン

ブラウザのサポート

要素 クロムブラウザクロム つまりブラウザIE FirefoxブラウザFirefox オペラブラウザオペラ サファリブラウザサファリ
画像ボタン はいはいはいはいはい

属性

すべて:

この属性は、ユーザーの画面に画像を表示できない場合に表示される代替テキストを指定するために使用されます。

国境:

この属性は、画像の境界線を指定するために使用されます。値を 0 にすると、境界線は表示されません。

身長:

この属性は、画像の高さのピクセルを定義するために使用されます。

名前:

この属性は、イメージの名前を定義するために使用されます。

ソース:

この属性は、ボタンとして表示する必要がある画像パスを指定するために使用されます。

Cでポインタを逆参照する方法

幅:

この属性は、画像の幅のピクセルを定義するために使用されます。