목차
접기
728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Label for 속성</title>
</head>
<body>
<form action="">
<table>
<tr>
<!-- label태그의 for속성과 input 태그의 id속성을 서로 연결을 시켜두면
글자를 클릭해도 input태그의 내용으로 이동을 함으로써 사용자들의 UI 편리성을 지원해준다. -->
<td><label for="username">이름</label></td>
<td><input type="text" id="username" name="username" ></td>
</tr>
<tr>
<td>성별</td>
<td><input type="radio" name="gender" value="man" id="man" />
<label for="man">남자</label>
<input type="radio" name="gender" value="woman" id="woman" />
<label for="woman">여자</label>
</td>
</tr>
</table>
<input type="submit" value="회원가입">
</form>
</body>
</html>728x90
반응형
LIST
'IT 유용한 정보' 카테고리의 다른 글
| 공부 참고 사이트 모음 (0) | 2021.06.05 |
|---|---|
| 건축이미지 참고 링크 (0) | 2021.06.05 |
| @vite/create-app 이란...... 무엇인가 (0) | 2021.06.01 |
| IE(Internet Explorer) CSS 적용되도록 react 환경 개선하는 방법 (0) | 2021.06.01 |
| vscode 기본 터미널 지정 방법 (0) | 2021.05.29 |