[js] JS - name 속성 - INPUT 텍스트 필드의 네임 설정/반환 (= name속성 = 네임속성) ※ 인풋 네임 속성

목차

1. name 예제 - INPUT 텍스트 필드의 네임 얻기
2. name 정의
3. name 구문
4. name 예제 - INPUT 텍스트 필드의 네임 설정

name 예제 - INPUT 텍스트 필드의 네임 얻기

 

사이트: <input type="text" id="hz" name="hz" value="홈짱닷컴"><br>

<button onclick="homzzang()">클릭</button>

<p id="demo"></p>

<script>

function homzzang() {

  var x = document.getElementById("hz").name;

  document.getElementById("demo").innerHTML = x;

}

</script>

 

결과보기

name 정의

 

INPUT 텍스트 필드의 name 속성값 설정/변경.

 

---

 

1.

• name 속성은 서버에 제출된 FORM 데이터를 식별하거나 클라이언트 측에서 JavaScript 사용하여 FORM 데이터를 참조하는 데 사용.
• name 속성 있는 요소의 값만 FORM 전송 시 값이 전달됨.

 

2.

모든 브라우저 지원.

 

name 구문

 

반환

textObject.name

 

설정

textObject.name = name

 

---

[속성값]

 

name

INPUT 텍스트 필드의 name 속성값 지정.

 

---

[반환값]

 

INPUT 텍스트 필드의 name 속성값 반환.

 

name 예제 - INPUT 텍스트 필드의 네임 설정

 

사이트: <input type="text" id="hz" name="hz">

<button onclick="display()">name 표시</button>

<button onclick="change()">name 변경</button>

<div id="demo"></div>

<script>

function display() {

  var x = document.getElementById("hz").name;

  demo.innerHTML = "변경 전 name 속성값: " + x;

}

function change() {

  var x = document.getElementById("hz").name = "homzzang";

  demo.innerHTML = "변경 후 name 속성값: " + x;

}

</script>

 

결과보기