HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML: <button> name 속성

name 속성이 <button> 요소의 이름을 지정하며, 여러 개의 <button> 요소가 동일한 이름을 공유할 수 있습니다. 이는 여러 개의 동일한 이름을 가진 버튼을 사용할 수 있게 하여, 이 버튼이 폼에서 사용될 때 다른 값을 제출할 수 있게 합니다

　HTML <button> 태그

온라인 예제

이름이 같은 두 개의 버튼이 클릭될 때 다른 값을 제출합니다:

예제

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML <button> name 속성 사용-기본 튜토리얼(oldtoolbag.com)</title>
</head>
<body>
<form action="action_page.php" method="get">
　　선택하려는 저장 주제를 선택하세요:
　　<button　name="subject"　type="submit"　value="HTML">HTML</button>
　　<button　name="subject"　type="submit"　value="CSS">CSS</button>
</form>
</body>
</html>

테스트를 보고 보세요 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

모든 주요 브라우저가 name 속성을 지원합니다.

정의와 사용법

name 속성은 <button> 요소의 이름을 지정합니다.
이름 속성은 양식 제출 후 양식 데이터를 참조하거나 자바스크립트 요소를 참조하는 데 사용됩니다.
훈련: 여러 <button> 요소가 동일한 이름을 공유할 수 있습니다. 이는 여러 개의 동일한 이름을 가진 버튼을 사용하여 다른 값을 제출할 수 있게 합니다.

HTML 4.01 HTML과5사이의 차이

없음.

문법

<button name="이름">

속성 값

값	설명
이름	버튼의 이름을 정의합니다。

　HTML <button> 태그

HTML: <template> 태그