textarea/select(option)

1)textarea : textarea는 여러 줄의 긴 문장을 입력할 수 있는 양식

*col 속성(attribute)으로 가로 크기를, row 속성으로 세로 크기를 정할 수 있다. 하지만, 크기 등 모양은 CSS에서 정하는 게 좋다고 한당

*required 
*placeholder- 안내문구 입력가능

*style - resize:none으로 텍스트박스 크기 변경못하게 막자

<textarea name="gg" id="" style="width: 200px; height: 200px;" placeholder="내용입력하세요"></textarea>

 

name에 값을 안적어주면 value가 안넘어간다

 

https://www.codingfactory.net/11611     < 참조사이트

---

2)select

*option으로 

*multiple -여러개 선택가능

*required 

*selected - 기본으로 선택되어 있는 것(checked와 유사)

*name 속성은 폼(form)이 제출된 후 서버에서 폼 데이터(form data)를 참조하기 위해 사용되거나, 자바스크립트에서 요소를 참조하기 위해 사용

---

*<optgroup> 태그는 옵션 메뉴를 제공하는 드롭다운 리스트(drop-down list)에서 사용되는 옵션들의 그룹을 정의할 때 사용

        <select name="" id="" multiple>

            <!-- 여러개 선택 multiple -->

            <optgroup label="코피">

                <option value="americano">아메리카노</option>

                <option value="caffe latte">카페라테</option>

                <!-- selected 기본으로 선택 -->

                <option value="cafe au lait" selected>카페오레</option>

                <option value="espresso" >에스프레소</option>

            </optgroup>

            <optgroup label="웹 표준">

                <option value="구조" >구조</option>

                <option value="동작">동작</option>

                <option value="표현">표현</option>

            </optgroup>

        </select>

multiple

 

https://www.freecodecamp.org/korean/news/html-select-taegeu-deurobdaun-menyu-ddoneun-kombo-riseuteureul-mandeuneun-bangbeob/   <참조사이트