정의 및 사용
name 속성은 요소의 이름을 지정합니다.
이 이름 속성은 자바 스크립트의 요소를 참조하는데 사용될 수있다.
데이터가 전송 될 때 폼 요소 것도 참조로 사용되는,
iframe 요소의 경우는 양식 제출을 대상으로하는 데 사용할 수 있습니다.
지도 요소의 경우, name 속성은와 관련된 <img>'s usemap 속성과 이미지와지도 사이의 관계를 만듭니다.
메타 엘리먼트를 들어, name 속성의 정보 / 값에 대한 이름을 지정하는 content 속성.
경우 PARAM 요소의 경우, name 속성은 함께 사용되는 value 으로 지정된 플러그인에 대한 매개 변수를 지정하는 속성 <object> 태그입니다.
적용
name 속성은 다음과 같은 요소에 사용할 수 있습니다 :
| 집단 | 속성 |
|---|---|
| <button> | name |
| <fieldset> | name |
| <form> | name |
| <iframe> | name |
| <input> | name |
| <keygen> | name |
| <map> | name |
| <meta> | name |
| <object> | name |
| <output> | name |
| <param> | name |
| <select> | name |
| <textarea> | name |
예
예
클릭하면 다른 값을 제출 동일한 이름을 가진 두 개의 버튼 :
<form action="demo_form.asp" method="get">
Choose your favorite subject:
<button name="subject" type="submit" value="HTML">HTML</button>
<button name="subject" type="submit" value="CSS">CSS</button>
</form>
»그것을 자신을 시도 Fieldset 예
<fieldset> A의 name 속성 :
<fieldset name="personalia">
Name: <input type="text"><br>
Email: <input type="text"><br>
</fieldset>
»그것을 자신을 시도 Form 예
A의 HTML 양식 name 속성 :
<form
action="form_action.asp"
method="get" name="myForm">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"><br>
<input type="button" onclick="formSubmit()" value="Send form data!">
</form>
»그것을 자신을 시도 Iframe 예
<iframe> 링크의 대상 역할을한다 :
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<a href="http://www.w3ii.com" target="iframe_a">w3ii.com</a>
»그것을 자신을 시도 Input 예
세 개의 입력 필드가 HTML 양식; 두 개의 텍스트 필드와 하나의 버튼을 제출
<form
action="demo_form.asp">
Name: <input type="text" name="fullname"><br>
Email:
<input type="text" name="email"><br>
<input type="submit" value="Submit">
</form>
»그것을 자신을 시도 Keygen 예
Keygen은 필드 양식 :
<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name">
Encryption: <keygen name="security">
<input type="submit">
</form>
»그것을 자신을 시도 Map 예
클릭 가능한 영역과 이미지 맵 :
<img src="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map
name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
»그것을 자신을 시도 Meta 예
사용 name 설명, 키워드 및 HTML 문서의 작성자를 정의하는 특성 :
<head>
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="Hege Refsnes">
</head>
»그것을 자신을 시도 Object 예
<object> A의 요소 name 속성 :
<object data="helloworld.swf" width="400" height="400"
name="obj1"></object> »그것을 자신을 시도 Output 예
계산을 수행하고있는 결과를 보여 <output> 요소를 :
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>
»그것을 자신을 시도 Param 예
설정 "autoplay" 에 매개 변수를 "true" 소리가 페이지가로드되는 즉시 재생됩니다, 그래서 :
<object data="horse.wav">
<param name="autoplay" value="true">
</object>
»그것을 자신을 시도 Select 예
A의 드롭 다운 목록 name 속성 :
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
»그것을 자신을 시도 Textarea 예
A의 텍스트 영역 name 속성 :
<form action="demo_form.asp">
<textarea name="comment">Enter text here...</textarea>
<input type="submit">
</form>
»그것을 자신을 시도 브라우저 지원
multiple 속성은 각 요소에 대한 다음과 같은 브라우저 지원을하고있다 :
| 요소 | |||||
|---|---|---|---|---|---|
| button | 예 | 예 | 예 | 예 | 예 |
| fieldset | 예 | 지원되지 않음 | 예 | 예 | 예 |
| form | 예 | 예 | 예 | 예 | 예 |
| iframe | 예 | 예 | 예 | 예 | 예 |
| input | 1.0 | 2.0 | 1.0 | 1.0 | 1.0 |
| keygen | 예 | 지원되지 않음 | 예 | 6.0 | 예 |
| map | 예 | 예 | 예 | 예 | 예 |
| meta | 예 | 예 | 예 | 예 | 예 |
| object | 예 | 예 | 예 | 예 | 예 |
| output | 10.0 | 지원되지 않음 | 4.0 | 5.1 | 11.0 |
| param | 예 | 예 | 예 | 예 | 예 |
| select | 예 | 예 | 예 | 예 | 예 |
| textarea | 예 | 예 | 예 | 예 | 예 |