<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Select</title>
</head>
<body>
<!--select tag
- 제시된 항목 중 하나를 선택하게 하는 태그
- 콤보박스와 유사
- option태그로 안의 선택영역의 값을 표현
- option태그에 value 속성을 넣으면 옵션태그가 선택되었을 경우, 전송되는 값을 지정
- value가 없으면 option태그의 문자열 값이 그대로 전송 -->
<form action="">
<select name="year" id="">
<option value="">출생년도</option>
<option>2001</option>
<option>2002</option>
<option value="2003">2003</option>
<!-- <value="2001">와 문자열값 2001이 동일할 경우 사용하지 않아도 됨!(중복) -->
</select>
<button type="submit">전송</button>
</form>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>texterea</title>
</head>
<body>
<!--
<input type = "text"> : 한줄의 문자열을 입력받는 경우 사용
texterea는 여러줄의 문자열을 입력받는 경우에 사용
속성
1. cols : 칼럼 글자수, 한 행에 몇글자까지 가능
2. rows : 행수
3. minlength : 최소 글자 수
4. maxlength : 최대 글자 수 (속성이 없는 경우 무제한)
사용
- 문의사항같은 간단한 글을 남기는 경우 사용
- 게시글처럼 복잡한(서식이 있는) 경우 플러그인을 사용
-->
<textarea name="text" id="" cols="30" rows="10" maxlength="20"></textarea>
<textarea name="text" id="" cols="30" rows="10" ></textarea>
</body>
</html>
'HTML - CSS > html 수업분' 카테고리의 다른 글
| [html] day2_div, pre, button tag (0) | 2023.04.24 |
|---|---|
| [html] day01_과제_로그인 폼 (0) | 2023.04.24 |
| [html] day1_a_싱커 (0) | 2023.04.24 |
| [html] day1_a_tag (0) | 2023.04.24 |
| [html] day1_tag종류 (0) | 2023.04.24 |