반응형
<textarea> 태그를 이용하여 입력 창 만들기를 학습 해 보도록 하겠습니다.
티스토리 블로그의 경우 댓글쓰기 입력창에 해당하는 부분입니다.
기본형식
<textarea [속성]>입력창내용</textarea>
속성
- NAME = "변수명"
→ 입력한 내용을 저장 할 변수의 이름을 지정 합니다. - ROWS = "행의 수"
→ 브라우저에 표시되는 문서 입력창의 줄 수를 지정합니다. 기본값을 1 입니다. - COLS = "열의 수"
→ 브라우저에 표시되는 문서 입력창의 열 수를 지정합니다. 기본값은 20 입니다.
문서 입력 창 예제
1
2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE html> <from action="testPage.html" method="post"> <br/> <input type="submit" value="보내기"> <input type="reset" value="취소"> </from> </html> |
예제 결과
보내기(submit) 버튼을 클릭하면 입력 된 내용이 전송 됩니다.
또한 취소(reset) 버튼을 클릭하면 입력 된 내용이 삭제 됩니다.
HTML 기초학습으로 더 깊이 있는 부분은 프로그래밍 부분에서 올리도록 하겠습니다.
반응형
' IT > 웹디자인' 카테고리의 다른 글
[반응형웹 만드는 방법] viewport 메타태그 활용 (1) | 2018.06.01 |
---|---|
HTML 링크 태그 사용법 / CSS 링크색상 지정하기 (3) | 2018.05.31 |
HTML 문서작성을 위한 목록태그 / 번호가 없는 리스트 (0) | 2018.05.27 |
CSS 기본구조 및 선택자 (3) | 2018.05.23 |
CSS 사용 방법 완벽 가이드 (2) | 2018.05.22 |
댓글