<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>로그인 폼</title>
</head>
<body>
<form method="post" action="login.php">
<!-- lable로 둘러싸기-->
<lable> 아이디
<input name="txtid" type="text" value="이메일 주소 입력"><br>
<!-- for속성을 이용 label과 input을 연결 시켜줘야 하는데 따로 떨어뜨려서 사용할 경우 사용-->
</lable> <br>
<lable for="id"> 비밀번호 </lable>
<input name="txtpw" type="password" id="id"><br>
<br>
<input type="submit" value="들어가기">
<input type="reset" value="지우기">
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>텍스트 입력 폼</title>
</head>
<body>
<h3>자기 소개서 작성</h3><hr>
<form>
<label> 이름
<input name="tetid" type="text">
</label><br>
<label>
암호 <input name="txtpw" type="password">
</label><br>
<label>
자소서 <textarea name="" id="" cols="20" rows="5">이곳에 자기 소개서 작성</textarea>
</label>
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>다양한 버튼 만들기</title>
</head>
<body>
<h2>버튼을 만들자</h2>
<hr>
<form>
<label>검색:
<input type="text">
<input type="button" value="Q1">
<input type="button" value="Q2">
</label><br>
<label>submit 버튼 : </label>
<input type="submit" value="전송1">
<input type="submit" value="전송2">
<br>
<label>reset 버튼: </label>
<input type="reset" value="리셋1">
<input type="reset" value="리셋2">
<br>
<label>이미지 버튼: </label>
<input type="image" src="../image/main.png" width="50">
<button type="button">
<input type="image" src="../image/tube.png" width="50">
</button>
</form>
</body>
</html>
'STUDY' 카테고리의 다른 글
| html form, check box (0) | 2019.03.25 |
|---|---|
| html 연습하기 (0) | 2019.03.18 |
| html 리스트 만들기 (0) | 2019.03.11 |
| html text 꾸미기 (0) | 2019.03.11 |
| html 들여쓰기, <>사용하기, pre태그 (0) | 2019.03.11 |