반응형
자동로그인
동의함
동의안함
신용카드
계좌이체
휴대폰결제
동의함
<html>
<head>
<meta charset="UTF-8">
<title>HTML 1일차 5 HTML3.0 신규태그</title>
</head>
<body>
<!-- input : 사용자가 키보드 및 마우스 터치 사용할 때 쓰는 타입
password : 사용자가 입력한 값을 disc 모양으로 출력
checkbox : 마우스로 클릭할때 사용 다중선택가능
radio : name="" 을 사용해 같은 name을 가진 요소끼리 그룹화
-->
<input type="text" placeholder="아이디를 입력하세요">
<br>
<input type="password" placeholder="비밀번호를 입력하세요"><br>
<br>
<input type="checkbox"> 자동로그인<br>
<input type="radio" name="a"> 동의함<br>
<input type="radio" name="a"> 동의안함<br>
<input type="radio" name="b" checked> 신용카드<br>
<input type="radio" name="b"> 계좌이체<br>
<input type="radio" name="b"> 휴대폰결제<br>
<input type="button" value ="로그인"><br>
<!-- input type 버튼의 value와 텍스트의 value는 다르다-->
<input type="text" value="hong" readonly="readonly"><br>
<!-- readonly : 읽기전용으로 바뀜. 아이디 중복체크 때 데이터 꼬임방지로 사용함 -->
<input type="checkbox" checked>동의함 <br> <!-- checked : 디폴트값이 체크되어서 나옴 -->
</body>
</html>반응형
'Front > HTML' 카테고리의 다른 글
| HTML Step7 (0) | 2022.07.08 |
|---|---|
| HTML Step6 (0) | 2022.07.08 |
| 반응형 웹 과 모바일 웹의 차이, www.naver.com을 치면 발생하는것 (0) | 2022.07.07 |
| HTML Step2 (0) | 2022.07.07 |
| HTML Step1 (0) | 2022.07.07 |