속성 용 HTML
정의 및 사용
<label>
요소 와 함께 사용되는 경우
for
속성은 레이블이 바인딩되는 양식 요소를 지정합니다.
<output>
요소 와 함께 사용되는 경우
for
속성은 계산 결과와 계산에 사용된 요소 간의 관계를 지정합니다.
에 적용
속성 은 for
다음 요소에 사용할 수 있습니다.
집단 | 기인하다 |
---|---|
<라벨> | ~을위한 |
<출력> | ~을위한 |
예
예를 들어
레이블이 있는 라디오 버튼 3개:
<form action="/action_page.php">
<input type="radio" id="html" name="fav_language" value="HTML">
<label for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language"
value="CSS">
<label for="css">CSS</label><br>
<input type="radio"
id="javascript" name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label><br><br>
<input type="submit" value="Submit">
</form>
출력 예
계산을 수행하고 결과를 <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>
브라우저 지원
특성 은 for
각 요소에 대해 다음 브라우저 지원을 가집니다.
Element | |||||
---|---|---|---|---|---|
label | Yes | Yes | Yes | Yes | Yes |
output | 10.0 | Not supported | 4.0 | 5.1 | 11.0 |