위 와 같은 폼에서 메모 하단의 텍스트 입력 란을 만들때 사용하는 태그가 바로 <textarea> 입니다.
간단한 속성으로 메모란의 크기를 조정 할 수 있습니다. 예제를 만들어 볼까요?
<body>
<form>
<fieldset>
<legend>회원 정보</legend>
<lable>이름: <input type="text"></lable><br>
<lable>연락처: <input type="tel"></lable><br>
<lable>수강 신청일: <input type="date" value="2023-04-18"> </lable><br>
<lable for="memo">메모: </lable><br>
<textarea id="memo" cols="30" rows="10"></textarea>
</label>
</fieldset>
</form>
</body><textarea> 태그에서 중요한 속성은 하기와 같습니다.
cols : 가로 크기를 나타냅니다.
rows : 세로 크기를 나타냅니다. 위 코드에서는 세로 10줄로 만들었습니다.
사용자로 부터 텍스트 내용들을 입력받기 위한
<textarea> 태그 예제 였습니다. 감사합니다.
반응형
'앱 만들기 > HTML5' 카테고리의 다른 글
| 인용문을 나타내는 태그 (2) | 2023.05.03 |
|---|---|
| 드롭다운 리스트 태그 (1) | 2023.05.02 |
| input type="hidden" 예제 만들기 (1) | 2023.04.24 |
| input type="week" 주 제한 하기 (4) | 2023.04.22 |
| 파일 첨부 form (2) | 2023.04.20 |
댓글