코딩의 시작, TCP School

◀ 이전 다음 ▶

<button> 태그의 type 속성

HTML <button> 태그 ⇒

정의 및 특징

<button> 태그의 type 속성은 해당 버튼의 타입(type)을 명시합니다.

브라우저별로 <button> 요소에 대한 서로 다른 기본 타입을 사용할 수 있으므로, <button> 요소에는 언제나 type 속성을 명시해야 합니다.

문법

속성값

속성값		설명
button		해당 버튼이 클릭할 수 있는 버튼(clickable button)임을 명시함.
submit		해당 버튼이 폼 데이터(form data)를 제출하는 제출 버튼(submit button)임을 명시함.
reset		해당 버튼이 폼 데이터를 초기값으로 리셋하는 리셋 버튼(reset button)임을 명시함.

예제

<form action="/examples/media/action_target.php" method="get">
    이름 : <input type="text" name="st_name" value="홍길동"><br>
    학번 : <input type="text" name="st_id"><br><br>
    <button type="submit">제출하기</button>
    <button type="reset">초기값으로 리셋하기</button>
</form>

코딩연습 ▶