HTML for =“”속성은

HTML for =“”속성은 무엇입니까?

---

나는 이것을 jQuery에서 봤다-그것은 무엇을 하는가?

<label for="name"> text </label>
<input type="text" name="name" value=""/>

---

for속성은 라벨에 사용됩니다. 이 레이블이 연결된 요소의 ID를 나타냅니다.

예를 들면 :

<label for="username">Username</label>
<input type="text" id="username" name="username" />

이제 사용자가 username텍스트를 마우스로 클릭 하면 브라우저가 자동으로 해당 input필드에 포커스를 둡니다 . 이것은 또한 같은 다른 입력 요소로 작동 <textbox>하고 <select>.

사양 에서 인용 :

이 속성은 정의중인 레이블을 다른 컨트롤과 명시 적으로 연결합니다. 존재하는 경우이 속성의 값은 동일한 문서에있는 다른 제어의 id 속성 값과 동일해야합니다. 없으면 정의되는 레이블이 요소의 내용과 연결됩니다.

귀하의 질문에 jQuery 태그가 지정된 이유와 jQuery에서 사용되는 위치에 관해서는 많은 정보를 제공하지 않았기 때문에 대답 할 수 없습니다.

레이블 인스턴스가 주어진 해당 입력 요소를 찾기 위해 jQuery 선택기에서 사용되었을 수 있습니다.

var label = $('label');
label.each(function() {
    // get the corresponding input element of the label:
    var input = $('#' + $(this).attr('for'));
});

---

대답 할 필요가 있다고 느낍니다. 나는 똑같은 혼란을 겪었다.

<p>Click on one of the text labels to toggle the related control:</p>

<form action="/action_page.php">
  <label for="female">Male</label>
  <input type="radio" name="gender" id="male" value="male"><br>
  <label for="female">Female</label>
  <input type="radio" name="gender" id="female" value="female"><br>
  <label for="other">Other</label>
  <input type="radio" name="gender" id="other" value="other"><br><br>
  <input type="submit" value="Submit">
</form>

남성 라벨의 for 속성을 여성으로 변경했습니다. 이제 '남성'을 클릭하면 여성 라디오가 확인됩니다.

그렇게 간단합니다.

---

레이블과 함께 사용하여 두 개체가 함께 속한다고 말합니다.

<input type="checkbox" name="remember" id="rememberbox"/>
<label for="rememberbox">Remember your details?</label>

이것은 또한 해당 레이블을 클릭하면 확인란의 값이 변경됨을 의미합니다.

---

빠른 예 :

<label for="name">Name:</label>
<input id="name" type="text" />

for=""당신은뿐만 아니라 라벨을 클릭하면 태그는 입력 초점을 맞출 수 있도록 해드립니다.

---

<label>요소에 사용됩니다.

라벨 클릭시 선택하기 위해 입력 유형 체크 박스 또는 redio와 함께 사용됩니다.

작업 데모

---

태그 의 for속성은 <label>관련 요소의 id 속성과 같아야 함께 바인딩됩니다.

---

참고로-예를 들어 타이프 스크립트 환경에 있다면

<label for={this.props.inputId}>{this.props.label}</label>

htmlFor를 사용해야합니다.

<label htmlFor={this.props.inputId}>{this.props.label}</label>

---

그것은 <label>html의 텍스트 에서 사용됩니다.

예.

<label for="male">Male</label>

<input type="radio" name="sex" id="male" value="male"><br>

---

<label>태그 의 속성입니다 . http://www.w3schools.com/tags/tag_label.asp

참조 URL : https://stackoverflow.com/questions/12894169/what-is-the-html-for-attribute-in-label