label 요소에 양식 속성이있는 이유는 무엇입니까?

HTML 표준에서 for 속성이 이미있는 경우 HTML label 요소에 form 속성이 정의되어있는 이유는 무엇입니까? 어떤 목적을 가지고 있습니까?label 요소에 양식 속성이있는 이유는 무엇입니까?

자식 내용이 입력 형식이거나 for 특성이있는 레이블 요소가있는 경우 form 특성에는 어떤 용도가 있습니까?

예를 들어, 아래의 label 시나리오 각각에서 '소유 양식'은 하위 요소 또는 상위 요소를 보면 알 수 있습니다. form 속성이있는 label 속성이 유용하고 혼란을 증가시키지 않는 또 다른 시나리오가 있습니까?

<body> 
<form action="#" id="form-one" method="post"> 
    <label>Dog name<input type="text" id="tb-dog-name"></label> 
    <button type="submit" id="form-one-submit">Post Dog Name</button> 
</form> 

<form action="#" id="form-two" method="post"> 
    <label for="tb-cat-name">Cat name</label> 
    <input type="text" id="text-box-two"> 
    <button type="submit" id="form-two-submit">Post Cat Name</button> 
</form> 

<label for="tb-pizza">How much do you like pizza?</label> 
<input type="text" id="tb-pizza" form="form-three"> 
<form action="#" id="form-three" method="post"> 
    <button type="submit" id="form-three-submit">Share your love!</button> 
</form> 

</body>

출처

2014-05-20 Goldfish Sandwich

양식 속성? 응? – j08691

@ j08691 http://www.w3.org/TR/html-markup/label.html#label.attrs.form 나는 그것이 무엇인지 모르겠다. ... –

@WesleyMurch - HTML5의 새로운 기능. – j08691

MDN로 상태 :

형태 (HTML5) 라벨 소자 (그 형태 소유자)와 연결되어 있는지 폼 요소. 속성 값은 동일한 문서에있는 요소의 ID 여야합니다. 이 속성을 지정하지 않으면이 요소는 요소의 하위 요소 여야합니다. 이 속성을 사용하면 양식 요소의 하위 항목이 아닌 문서 내에 레이블 요소를 둘 수 있습니다.

Additionally : 폼 관련 요소 (버튼 오브젝트 출력 선택 텍스트 영역 IMG가 FIELDSET 입력 Keygen은 라벨)가 reassociateable 경우, 기본적으로, (후술하는 바와 같이) 가장 가까운 상위 폼 요소와 연관되지만 (버튼 필드 세트 입력 keygen 레이블 객체 출력 선택 텍스트 영역),이를 대체하는 양식 속성이 지정되어있을 수 있습니다.

출처

2014-05-20 16:16:46 j08691

나는 아직도 실제적인 목적을 얻지 못한다. 너는 어떤 생각을 할 수 있니? 나는 단지 가장자리 사건을 추측한다? 그것은 이상한 것이다. –

레이블 요소를 DOM의 어느 위치 에나 표시 할 수 있으며 양식의 하위 항목으로 붙어 있지 않은 것처럼 보입니다. 유능한? Meh. – j08691

네, 아주 좋아. 흥미 롭 군. 'for '는 어쨌든 유일해야합니다. 같은 id (for의 값)를 가진 두 개의 요소가 있어서는 안된다. –

label 요소에 양식 속성이있는 이유는 무엇입니까?

답변

관련 문제