728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<title>선택 복합</title>
<meta charset="UTF-8">
<style>
input[type="checkbox"] + span{
color: red;
}
label > span[disabled]{
text-decoration: underline;
color: blue;
}
input[type="text"] + span{
color: blue;
}
</style>
</head>
<body>
<span disabled>회원가입</span>
<br>
<label>
<input type="text">
<span>이메일을 입력해주세요.</span>
</label>
<br>
<label>
<input type="text">
<span>비밀번호를 입력해주세요.</span>
</label>
<br>
<label>
<input type="checkbox">
<span>첫번쩨 체크박스</span>
</label>
<br>
<label>
<input type="checkbox">
<span>두번쩨 체크박스</span>
<span disabled>선택 약관은 동의 여부가 회원가입에 영향을 미치지 않습니다.</span>
</label>
</body>
</html>
728x90
반응형
'정보 > WEB' 카테고리의 다른 글
| style활용(회원가입창) (0) | 2022.12.21 |
|---|---|
| style활용(신호등모양배열) (0) | 2022.12.21 |
| style활용(약관선택) (0) | 2022.12.21 |
| style활용(표만들기) (1) | 2022.12.21 |
| 디스플레이 (0) | 2022.12.19 |