English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML リファレンスマニュアル

HTML タグ完全リスト

HTML: <input> src 属性

input src属性は、提交ボタンの画像として使用されるURLを指定し、src属性は<input type ='image'>に対して必要であり、<input type ='image'>と一緒にのみ使用できます。

 HTML <input> タグ

オンラインサンプル

HTMLフォームで、「submit」ボタンの画像を表す:

!DOCTYPE html>
<html>
<head>
<title>HTML:<input> src 属性 - 基本チュートリアルウェブ(oldtoolbag.com)</title>
<body>
<form action="action_page.php">
  First name: <input type="text" name="fname"><br>
  <input type="image" src="submit.gif" alt="Submit" width="48" height="48">
</form>
</html>
テストを確認する/›


画像をクリックすると、入力が“action_page.php”という名前のサーバー上のページに送信されます。
注意:画像入力タイプはデフォルトで、クリックのXとY座標を送信します。

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザがsrc属性をサポートしています。

定義と用法

src属性は、サブミットボタンとして使用される画像のURLを指定します。

注意: src属性に対して<input type ='image'>は必須で、<input type ='image'>と一緒に使用します。

HTML 4.01 HTML5の違い

ありません。

文法

<input src="URL">

属性値

説明
URL画像のURLを指定して、サブミットボタンを使用する。
可能な値:
絶対URL - 別のウェブサイトにリンク(例:SRC =“http:)//www.example.com/submit.gif”)
相対URL - ウェブサイト内のファイルにリンク(例:SRC =“submit.gif”)
 HTML <input> タグ