HTML 공부하기 5번째 연습글은 input type 에 대해서 연습해보려합니다. ^-^
<html>
<head>
<title>input type 연습</title>
</head>
<body>
<fieldset>
<legend>회원가입창</legend>
<p>아이디:<input type="text" size="12" maxlength="8"></p>
<p>PASS:<input type="password" size="12" maxlength="8"></p>
<p>메일수신여부:<input type="radio" size="12" value="y" name="receive">예
<input type="radio" size="12" value="n" name="receive" checked="checked">아니오</p>
<p>파일올리기:<input type="file"></p>
<p><input type="hidden" value="#"></p>
<p>관심분야:<input type="checkbox" value="축구" name="chk1">축구
<input type="checkbox" value="야구" name="chk2">야구
<input type="checkbox" value="배구" name="chk3">배구
<input type="checkbox" value="농구" name="chk4">농구 <p/>
<p><input type="submit" value="전송">
<input type="reset" value="취소"></p>
</fieldset>
</body>
</html>
결과입니다.
다들 연습하시다보면 잘 하실 수 있어요!!! input type 어렵지 않아용 ><
HTML 공부하기는 oraclejavastudy 티스토리를 많이 방문해주세요!!
'웹표준 > HTML' 카테고리의 다른 글
| 웹표준 html,css,javascript 실무 과정 자료] 빈 요소(empty element) (0) | 2017.04.27 |
|---|---|
| 웹표준 html,css,javascript 실무 과정 자료] HTML의 기본적인 구조 (0) | 2017.04.27 |
| html공부하기 4_ fieldset (0) | 2015.02.23 |
| html공부하기2_목록형태그 (dl추가) (0) | 2015.02.13 |
| html공부하기1 목록태그 (ol,ul) (0) | 2015.02.13 |