Select태그 / Textarea태그/ button태그 - HTML 0612

◎Select 태그

풀다운 형식의 여러 항목을 선택하는 칸을 만들때 사용.

 

select 속성값

• name :  그룹핑하기 위해
• multiple : 다중선택 할때

(※ input name은 input 속성으로 각각 설정해야 그룹핑이 됐는데

select는 option을 자식요소로 갖고 있기 때문에 selet에만 name을 줘도된다.)

 

 

option 속성값 :

• value : 서버에 전송되는 값 ( 각각 다른값으로 명시)

 

ex)

<select name = " " multiple>  
	->셀렉칸 만들때
     <option value = "1"> </option>
     <option value = "2"> </option>
     <option value = "3"> </option> 
     	->풀다운 형식의 선택칸을 만들때
</select>

 

---

◎Textarea 태그

사용자가  여러글을 쓸 수 있는 창

<textarea></textarea> 

 

속성값 :
rows =""/ cols ="" 박스 크기조정 (css에서도 가능)

 

---

◎button 태그

말그대로 버튼을 만드는 태그

 

속성값 :

button/ submit/ reset

ex)

<button type = "button">버튼</button>
눌렀을때 javascript 코드를 넣어서 어떤 동작을 하고 싶을때.


<button type = "submit">제출</button>
form에 제출하고 싶을때 사용.


<button type = "reset">리셋 </button>
form을 리셋 하고 싶을때 (잘 사용 안함)

---