728x90
반응형
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>회원가입하기</title>
<style>
label{
display: inline-block;
width: 120px;
}
input{
display: inline-block;
width: 160px;
}
body{
height: 100%;
}
</style>
</head>
<body>
<fieldset>
<legend>회원정보입력</legend>
<label for="name">아이디</label>
<input type="text"> <button>중복검사</button> <br>
<label for="name">패스워드</label>
<input type="password"> <br>
<label for="name">패스워드확인</label>
<input type="password"><br>
<label for="name">이름</label>
<input type="text"><br>
<label for="name">휴대폰 번호</label>
<input type="tel"><br>
<label for="name">이메일</label>
<input type="email"><br>
<label for="name">생일</label>
<input type="date"><br>
<label for="name">홈페이지</label>
<input type="url"><br>
<input type="radio" value="Male">남성 <br>
<input type="radio" value="Female">여성 <br>
<input type="submit" value="제출">
<input type="reset" value="초기화">
</fieldset>
</body>
</html>728x90
반응형
'HTML,CSS,JavaScript' 카테고리의 다른 글
| JavaScript 자바 스크립트란? (0) | 2023.05.08 |
|---|---|
| CSS3 부트스트랩 (0) | 2023.05.04 |
| CSS 레이아웃2 (0) | 2023.05.03 |
| CSS 레이아웃 (0) | 2023.05.03 |
| CSS3 (0) | 2023.05.02 |
