입력폼 작성
이메일 입력 폼과 비밀번호 입력폼, 확인, 취소 버튼 작성
<!doctype html>
<html>
<head>
<title>web02.2.1</title>
<meta charset="utf-8">
</head>
<body>
<h1>회원가입</h1>
이메일: <input type="email"/><br>
비밀번호: <input type="password"/><br>
<input type="button" value="확인"/>
<input type="reset" value="취소"/>
</body>
</html>
아직 화면에 입력하는 틀만 작성해놓은 상태라 값이 저장되거나 취소를 눌렀을 때 값이 사라지지는 않는다.
비밀번호 입력 시, ●으로 표시된다.
선택항목 추가
<!doctype html>
<html>
<head>
<title>web02.2.2</title>
<meta charset="utf-8">
</head>
<body>
<h1>수강과목 조사</h1>
이름: <input type="text" name="name"/><br>
학과: <input type="text" name="major"/><br>
학년: <select name="grade" size>1>
<option value="1">1학년</option>
<option value="2">2학년</option>
<option value="3">3학년</option>
<option value="4">4학년</option>
</select><br><br>
<input type="button" value="확인"/>
<input type="reset" value="취소"/>
</body>
</html>학년을 선택하는 항목을 <select> 태그를 사용했다.
<select> 태그의 속성 중 size>1을 지정해서 스크롤박스 형식으로 나타나도록 했다.
<select>의 하위 태그로 <option>태그들을 작성해 선택 항목들을 지정했다.
SMALL
'Web > Web Programming' 카테고리의 다른 글
| WEB 02.2.4 예약하기 (0) | 2020.07.22 |
|---|---|
| WEB 02.2.3 설문조사 폼 양식 (0) | 2020.07.22 |
| WEB02.1.4 이미지 삽입 및 이동 (0) | 2020.07.21 |
| WEB02.1.3 오디오 및 비디오 삽입 (0) | 2020.07.19 |
| WEB 02.1.2 문서 내 이동 (0) | 2020.07.19 |