[JSP]html - 체크박스, 라디오버튼

✍🏻 체크박스

<h2>체크박스 버튼</h2>
	
	<form>
	
	<!-- 체크박스는 다중선택이 가능하다. -->
	
		아이디 : <input type="text" name="id" value="kim"><br>
		
		<input type="checkbox" name="color" value="blue">블루<br>
		<input type="checkbox" name="color" value="red">레드<br>
		<input type="checkbox" name="color" value="orange">오렌지<br>
		
		<input type="submit" value="서버로 전송">
		<input type="reset" value="초기화">
	
	</form>
	
	<!-- 
			HTML value 속성은 input 태그에서 보조적인 속성에 사용된다.
			값 설정, 버튼 텍스트 정의, 초기값 설정에 사용된다.
			
			submit, reset : 버튼 텍스트 정의
			text 		  : 초기값 설정
			checkbox   	: 값 설정( 실제로 넘어갈 데이터 설정)
			
	 -->
	 
	 <br>

 

 

✍🏻 HTML에서의 value

 

HTML value 속성은 input 태그에서 보조적인 속성에 사용된다.
값 설정, 버튼 텍스트 정의, 초기값 설정에 사용된다.

submit, reset : 버튼 텍스트 정의
text    : 초기값 설정
checkbox    : 값 설정( 실제로 넘어갈 데이터 설정)

 

 

 ✍🏻 라디오버튼

-라디오버튼은 단일선택이다.

 <form>
	 
	 	<label><input type="radio" name="fruit" value="apple">사과</label><br>
	 	<label><input type="radio" name="fruit" value="strawberry">딸기</label><br>
	 	<label><input type="radio" name="fruit" value="banana">바나나</label><br>
	 	
	 	<input type="submit" value="서버로 전송">

	 </form>

 ✍🏻<label>  주변 글자를 클릭해도 체크되도록 해줌

 

 ✍🏻 select 태그

- select 태그는 드롭다운버튼을 만드는 태그이다.

<h2>select 태그</h2>
	 
	 <form>
	 
	 	<select name="coffee">
	 			<option value="americano">아메리카노</option>
	 			<option value="Latte">카페라떼</option>
	 			<option value="espresso">에스프레소</option>	 		
	 	</select>
	 	<br>
	 	
	 	<input type="submit" value="서버로 전송">
	 
	 
	 </form>