728x90
label
라벨이란 특정 input 태그를 지정해줄 때 쓰인다.
바로 예제를 보자.
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<form>
<p>
<label for="text">text : </label>
<input id="text" type="text">
</p>
<p>
<label for="pwd">password : </label>
<input id="pwd" type="password">
</p>
<p>
<label for="com">comment : </label>
<textarea id="com">default</textarea></p>
<p>
<input id="ck" type="checkbox" value="빨간색"><label for="ck">빨간색</label>
</p>
</form>
</body>
</html>
id 속성과 for 속성이 쓰인다. 쓰임새는 위에 코드와 같다.
label은 for 안에 있는 텍스트에 맞는 id 찾아간다.
만약 label인 빨간색 텍스트를 누른다면 체크박스에 체크가 된다. label은 추가한다면 사이트를 좀 더 세련되게 만들 수 있다.
728x90
'HTML 기초' 카테고리의 다른 글
| [HTML 기초][HTML 기초 문제] (1) | 2021.01.06 |
|---|---|
| [HTML 기초][HTML - 버튼] (0) | 2021.01.04 |
| [HTML 기초][HTML - 선택 박스 만들기] (0) | 2021.01.04 |
| [HTML 기초][HTML - 텍스트 입력받기] (0) | 2021.01.04 |
| [HTML 기초][HTML - 입력받기] (0) | 2021.01.04 |