HTML 버튼과 체크박스 등

html 태그는 앞에서 설명한 것으로 거의 마무리 됩니다.

기본태그 알아보기

이번에는 html 태그중 현재도 자주 사용되는 input type 입니다.

★ 라디오 버튼입니다. ----

내가 좋아하는 음식은

짜장면
우동
짬뽕
탕수육

<h2>내가 좋아하는 음식은</h2>

<input type="radio" name="group_btn" value="menu1">짜장면<br />

<input type="radio" name="group_btn" value="menu2" checked="">우동<br />

<input type="radio" name="group_btn" value="menu3">짬뽕<br />

<input type="radio" name="group_btn" value="menu4">탕수육<br />

★ 체크박스 입니다 ----

내가 좋아하는 음식은

짜장면
우동
짬뽕
탕수육

<h2>내가 좋아하는 음식은</h2>

<input type="checkbox" name="check" value="menu1" checked=""> 짜장면<br />

<input type="checkbox" name="check" value="menu1"> 우동<br />

<input type="checkbox" name="check" value="menu1"> 짬뽕<br />

<input type="checkbox" name="check" value="menu1"> 탕수육<br />

★ 입력 상자입니다. ----

내가 좋아하는 음식은

사용자 이름 :

암       호 : 

<h2>내가 좋아하는 음식은</h2>

<form action="db.html" method="post">

사용자 이름 : <input type="text" name="id" size="10"><p><br />

암&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; 호 :&nbsp;<input type="password" name="psssword" size="14"></p><br />

<p align="left">

<input type="submit" value="전송">

<input type="reset" value="초기화"></p>

</form>

★ 스크롤 선택상자입니다. ----

항목1 항목2 항목3 항목4 항목5 항목6 항목7 항목8 항목9 항목10 항목11 항목12 초기에 출력한 문자열

<select name="이름" size="5" multiple="">

<option>항목1</option>

<option>항목2</option>

<option>항목3</option>

<option>항목4</option>

<option>항목5</option>

<option>항목6</option>

<option>항목7</option>

<option>항목8</option>

<option>항목9</option>

<option>항목10</option>

<option>항목11</option>

<option>항목12</option>

</select>

<textarea name="이름" rows="5" cols="35"> 초기에 출력한 문자열

</textarea>