<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>입력양식 태그</title>
</head>
<body>
<form>
<lable for="username">이름</lable>
<input id="username" type="text"/><br />
<lable for="pwd">비밀번호</lable>
<input id="pwd" type="password"/><br />
성별
<lable for="man">남자</lable>
<input id="man" type="radio" name="gender"/>
<lable for="woman">여자</lable>
<input id="woman" type="radio" name="gender"/><br />
<input type="submit" value="가입" />
<input type="reset" value="초기화" /><br />
<lable for="box1">체크1</lable>
<input id="box1" type="checkbox" name="gender"/>
<lable for="box2">체크2</lable>
<input id="box2" type="checkbox" name="gender"/><br />
</form>
</body>
</html>
type="text" 글자 입력양식 생성
type="password" 비밀번로 입력양식 생성(글자가 ●으로 보임)
type="radio" 라디오 버튼 생성 name="gender" 여러개선택이아닌 하나만 선택 가능하도록 만들어줌
type="checkbox" 체크 박스 생성(radio는 name이 없으면 복수선택가능이지만 checkbox는 하나만 선택가능)
'프로그래밍 > HTML5' 카테고리의 다른 글
| css전체 선택자 태그 (0) | 2017.09.20 |
|---|---|
| 선택옵션,다중선택옵션,textarea (0) | 2017.09.20 |
| 비디오태그 (0) | 2017.09.20 |
| 오디오태그 (0) | 2017.09.20 |
| div태그 (0) | 2017.09.20 |
