본문 바로가기

카테고리 없음

[html] checkbox, textarear, text, select ...




<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Form 연습</title> </head> <body> <!-- 입력한 데이터를 서버로 전송할 경우는 form 태그를 사용하고 form 이하에 데이터를 입력할 수 있는 태그를 기재 --> <form action="a.jsp" method="post"> <input type="hidden" name="num" value="20"/> 주소 : <input type="text" name="adress" size="20" maxlength="20" value="서울"/> <br/> 좋아하는 계절 : <input type="checkbox" name="season" value="봄" checked/>봄 <input type="checkbox" name="season" value="여름" />여름 <input type="checkbox" name="season" value="가을" />가을 <input type="checkbox" name="season" value="겨울" />겨울 <br/> 가장 여행 가고 싶은 나라 : <!-- 기본 선택 checked --> <input type="radio" name="contry" value="중국" />중국 <input type="radio" name="contry" value="일본" />일본 <input type="radio" name="contry" value="호주" />호주 <input type="radio" name="contry" value="미국" />미국 <input type="radio" name="contry" value="프랑스" checked/>프랑스 <input type="radio" name="contry" value="이탈리아" />이탈리아 <br/> 학교 : <!-- value를 명시하지 않으면 안에 있는 글자가 value가 됨 selected 기본선택 --> <select name="school"> <option value="초등학교">초등학교</option> <option value="중학교">중학교</option> <option value="고등학교" selected>고등학교</option> <option value="대학교">대학교</option> </select> </br> 직업 : <select name="job"> <optgroup label="전문직"> <option value="의사">의사</option> <option value="프로그래머">프로그래머</option> <option value="헤어디자이너">헤어디자이너</option> </optgroup> <optgroup label="스포츠 선수"> <option value="농구">농구</option> <option value="축구">축구</option> <option value="야구">야구</option> </optgroup> </select> <br/> 내용 : <textarea rows="5" cols="50">좋아하는 영화는?</textarea> <br/> <input type="submit" value="전송"/> <input type="reset" value="초기화" /> </form> </body> </html>