HTML 태그 | 상표
<button> , <input> , <meter> , <output> , <progress> , <select> 또는 <textarea> 일 수 있습니다.<label>를 요소와 연결하려면 두 가지 방법으로 수행할 수 있습니다.for의 <label> 속성 값을 요소의 id 속성과 일치시킵니다.<label for="name"> Name </label>
<input id="name" name="name" type="text" />
<label> 자체 내부에 배치합니다. 이 경우 for 및 id 속성은 둘 사이의 연관이 암시적이므로 더 이상 필요하지 않습니다.<label>Name<input name="name" type="text" /></label>
<label>를 요소와 연결하면 두 가지 주요 이점이 있습니다.두 가지 속성이 있습니다.
for : id를 지원하고 동일한 문서에 있는 양식 요소의 <label>. 이 연결은 id가 for 속성과 동일한 이러한 요소 중 첫 번째 요소에서 발생합니다. 첫 번째 요소가 <label> 를 지원하지 않는 요소인 경우 연관이 발생하지 않고 다른 요소가 for - id 동등성을 충족하더라도 문서에서 고려되지 않습니다. <label> 내부에 요소가 포함된 경우 해당 for 속성은 해당 요소의 id와 같아야 합니다. form : id가 속하는 형식의 <label>로 동일한 문서에 있어야 합니다. 접근성에 대한 몇 가지 고려 사항:
<a> 또는 <button> 와 같은 대화형 요소를 <label> 안에 넣지 마십시오. 사용자가 <label> 와 연결된 양식 요소를 활성화하기 어렵게 만들 수 있습니다. <label> 안에 넣으면 안 됩니다. 제목을 탐색 보조 장치로 사용할 때 일부 유형의 보조 기술을 방해할 수 있기 때문입니다. <label> 텍스트를 시각적으로 조정해야 하는 경우 CSS로 처리해야 합니다. 양식이나 양식의 일부에 제목이 필요한 경우 <legend> 안에 <fieldset>를 사용해야 합니다. <input type="button"> 속성이 있는 <button type="button"> 또는 value 요소는 연관될 <label>가 필요하지 않습니다. 그렇게 하면 일부 보조 기술이 항목을 구문 분석하는 방법을 방해할 수 있습니다. 양식 요소는 여러 개
<labels>와 연관될 수 있습니다.<label>를 클릭하고 연결된 요소가 있으면 해당 요소에서 click 이벤트도 발생합니다.Definition and example | Support
Reference
이 문제에 관하여(HTML 태그 | 상표), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/carlosespada/html-tags-label-15kf텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
