..

Search

src

src

<input> 태그의 src 속성


HTML <input> 태그 ⇒


정의 및 특징

<input> 태그의 src 속성은 제출 버튼(submit button)으로 사용될 이미지의 URL을 명시합니다.

 

src 속성은 <input> 요소의 type 속성값이 “image”인 경우에만 사용할 수 있으며, 또한 반드시 명시해야만 하는 속성입니다.


문법

<input src="URL">


속성값

속성값   설명

URL

 

제출 버튼(submit button)으로 사용될 이미지의 URL

 

1. 절대 주소(absolute URL)

ex) src=“http://www.tcpschool.com/sample.png”

2. 상대 주소(relative URL)

ex) src=“/media/sample.png”


예제
<form action="/examples/media/action_target.php" method="get">
    캐릭터명 : <input type="text" name="char_name"><br>
    아바타 : <input type="image" src="/examples/images/img_penguin.png" name="avatar" alt="아바타">
</form>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

src 1.0 지원함

2.0

1.0 1.0 1.0

연습문제