input 태그가 아닌 입력양식 : textarea태그, select태그
textarea태그의 속성
- cols - 태그 너비 지정
- rows - 태그 높이 지정
select : 여러개 목록에서 몇가지 선택할 수 있는 입력양식 요소. 선택양식을 생성.
(select 기능은 디자인적으로 별로라 실제론 css와 자바스크립트를 대신 사용함)
*여러 개의 목록을 선택하고 싶을 때 쓰는 multiple 속성(중복 선택)
<optgroup></optgroup> - 옵션을 그룹화
<option></option> - 옵션 생성
<body>
<input type="text"><br>
<textarea name="" id="" cols="20" rows="3">내용물
내용물</textarea> (textarea태그 안에 미리 글자를 입력하고 싶으면 글자 입력. textarea태그에 여러줄의 글자를 입력할 때, 공백X 띄어쓰기X 줄바꿈 하면 왼쪽에 여백없이 붙여서 작성.)
<select name="" id="" multiple="multiple">
<optgroup label="여름에 맛있는 것">
<option value="">바나나</option>
<option value="">수박</option>
</optgroup>
<optgroup label="겨울에 맛있는 것">
<option value="">딸기</option>
</optgroup>
<!--html5에서부터 contenteditable 속성이 추가되면서 입력양식을 쓰지않고
p태그나 div태그를 쓰고 contenteditable 속성만 주면 내용을 쓰거나 수정할 수 있음.-->
<p contenteditable="">Hello</p>
<div contenteditable="">World</div>
</select>
</body>
'Programming > html5 & css3' 카테고리의 다른 글
| CSS3_1/ 선택자 (0) | 2019.08.17 |
|---|---|
| Html5_8/ 공간분할 태그 - div, span 태그 (0) | 2019.08.17 |
| Html5_6/ 입력양식 태그(1) - form, label, input 태그 (0) | 2019.08.17 |
| Html5_5/ 테이블 태그(표) (0) | 2019.08.17 |
| Html5_4/ 목록태그 (0) | 2019.08.17 |
