728x90
반응형
- 텍스트와 비밀번호 입력 창 만들기
- 라디오 버튼과 체크 박스 만들기
- 파일 선택 창 만들기
- 선택 박스 만들기
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
</head>
<body>
<!--
form : 입력된값을 전송하는 단위. form 내부의 input들이 한꺼번에 서버로 전송
input : 텍스트 한줄 입력창.
type='text' : 텍스트값 입력. 기본값.
type='password' : 텍스트값 입력. 화면에 입력된 내용이 보이지 않음.
type='radio' : 같은 이름을 가진 태그 중 한개만 선택
checked : 체크된 상태로 표시됨
name='a' : 둘 중 한개만 가능
type='checkbox' : 선택 or 선택안함
type='file' : 파일 선택
-->
<form>
아 이 디 : <input type='text'><br>
비밀번호 : <input type='password'>
<hr> <!-- 수평선 -->
정보공개 : <input type='radio' name='a'checked> 공개
<input type='radio' name='a'> 비공개 <br>
취 미 : <input type='checkbox'> 탁구
<input type='checkbox'> 배드민턴
<input type='checkbox' checked> 음악감상
<input type='checkbox' checked> 악기연주
<hr>
<input type='file'>
<hr>
이메일 : <input type='text'> @
<!--
select 태그 : 선택태그
option : 선택 박스에 들어갈 항목
-->
<select>
<option>선택</option>
<option>naver.com</option>
<option>hanmail.net</option>
<option>gmail.com</option>
<option>직접입력</option>
</select>
<hr>
<!--
textarea 태그 : 여러줄로 텍스트 입력가능
rows='5' : 입력가능 줄수
cols='60': 입력가능 글자수
-->
인사말 남기기<br>
<textarea rows='5' cols='60'></textarea>
</form>
</body>
</html>728x90
반응형