..

Search

type="image"

<input type=“image”>


HTML <input> 태그 ⇒

<input> 태그의 type 속성 ⇒


정의 및 특징

<input type=“image”>는 제출 버튼(submit button)으로 사용될 이미지를 정의합니다.

 

이 속성값은 텍스트가 아닌 이미지 형태로 된 제출 버튼을 생성하며, 이때 해당 이미지의 경로는 src 속성에 명시됩니다.


문법

<input type="image">


예제
<form action="/examples/media/action_target.php" method="get">
    캐릭터명 : <input type="text" name="char_name"><br>
    비밀번호 : <input type="password" name="password"><br>
    <input type="image" src="/examples/images/submit_icon.png" alt="제출버튼">
</form>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

type=“image”

지원함 지원함 지원함 지원함 지원함 지원함

연습문제