🌙 Datalist - 폼 관련 요소
Datalist 태그
- 가능한 선택지를 추천하는
select 처럼 내부에 option을 자식요소로 넣음
input과 datalist의 연결고리가 없음 -> label의 for속성이 input의 id를 찾아서 보는 것처럼 input의 list속성이 datalist의 id를 보는격
select와 datalist 차이점
- select
특정값을 수정하지 않고 사용한다
선택지 중에 무조건 하나를 골라야하고 수정할 수 없음
- datalist
추천을 할거고 수정해도 된다
input타입이라 어떤 걸 입력해도 괜찮고 수정도 가능, 추천을 해주겠다는 것
입력을 하면 글자가 일치하는 옵션을 보여줌
값을 그대로 사용하는게 아니기 때문에 보장받을 수 없음
🌙 Textarea - 폼 관련 요소
Textarea 태그
input type="text"랑 비슷- 여러줄의 텍스트를 입력받을 수 있음
input과 다르게 닫는 태그가 있고 자식요소를 넣을 수 있음label 연결가능하고, name, id 속성 이용가능- 댓글, 리뷰 등에 많이 쓰임
- 내부자식으로 쓰는 글씨들은
<pre>태그 처럼 그대로 출력
disabled, required, placeholder 속성 다 사용 가능
row,col 속성
- 행,열을 얼마나 보여줄지 정해줌
- 가로길이보단 세로로 몇줄 보여줄지 정하는 데 많이씀, css로도 정할 수 있기 때문
