기본형 : <textarea 속성="속성값"> 내용
속성
- name : 텍스트 영역의 이름 지정
- cols : 텍스트 영역의 가로 너비 문자 단위로 지정
- rows : 텍스트 영역의 세로 길이 줄 단위로 지정
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>textarea</title>
</head>
<body>
<fieldset>
<legend>빈센조</legend>
<textarea name="text" id="" cols="60" rows="5">빈센조 까사노 그리고 홍차영. 가지마라ㅏㅏㅏ가지매래고~~~ 센차커플 포에버... 내 주말은 이제 뭐로 보내냐ㅑㅑㅑㅑ 긔지맬래...ㅠㅜㅠ
</textarea>
</fieldset>
</body>
</html>
textarea
빈센조
-input 태그와의 차이점 : 태그 이름에서 역할을 바로 알 수 있어서 화면 낭독기에서 정확히 전달 가능.
사용한 버튼에 컨텐츠를 포함할 수 있어 다양한 형태로 꾸미기 가능.
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>웹 폼</title>
</head>
<body>
<form>
<button type="submit" class="subm">
<img src="images/tick.png" alt=""> 전송하기
</button>
</form>
</body>
</html>
<form output="">
<input type="number" name="num1" value="0">
+<input type="number" name="num2" value="0">
=<output name="result" for="num"></output>
</form>