..

Search

name

name

<button> 태그의 name 속성


HTML <button> 태그 ⇒


정의 및 특징

<button> 태그의 name 속성은 해당 버튼의 이름(name)을 명시합니다.

 

name 속성은 폼(form)이 제출된 후 서버에서 폼 데이터(form data)를 참조하기 위해 사용되거나 자바스크립트에서 요소를 참조하기 위해 사용됩니다.

이 속성을 사용하면 하나의 <form> 요소에 같은 이름을 가지는 여러 <button> 요소가 각각 다른 값을 서버로 제출하도록 설정할 수 있습니다.


문법

<button name="텍스트">

속성값

속성값   설명

텍스트

 

해당 버튼의 이름(name)을 명시함.


예제
<form action="/examples/media/action_target.php" method="get">
    다음 중 여러분이 가장 좋아하는 과일을 고르세요.<br><br>
    <button type="submit" name="fruit" value="apple">사과</button>
    <button type="submit" name="fruit" value="banana">바나나</button>
    <button type="submit" name="fruit" value="orange">귤</button>
</form>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

name 지원함 지원함 지원함 지원함 지원함 지원함

연습문제