지난 HTML 포스트에서는 form 태그의 기본을 공부했습니다.
오늘은 여러 줄의 긴 텍스트를 입력할 수 있는 textarea 태그를 배워보겠습니다.
textarea 태그는 지난 포스트의 input 태그처럼 form 태그의 안에 들어가는 태그입니다.
지난 포스트
textarea 태그
form_text.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <form action=""> <p>text : <input type="text" name="id" value="default value"></p> <p>password : <input type="password" name="pwd" value="default value"></p> <p>textarea : <textarea cols="50" rows="2">default value </textarea> </p> </form> </body> </html>
<input> 태그에 value="" 속성 안에 텍스트를 입력하면 이와 같이 그 텍스트가 컨트롤 안에 미리 입력이 되어있습니다.
textarea는 <textarea>와 </textarea> 사이에 입력을 해야 합니다.
기본 양식 같은 것을 미리 적어놓기에 좋을 것 같네요.
그리고 <textarea> 태그에 cols="" 속성은 가로로 몇 개의 텍스트가 들어갈 정도의 너비를 줄지 정해주고,
rows="" 속성은 세로로 몇 줄이 보이게 할지를 정해줍니다.
다음 포스트
댓글 쓰기
1. 댓글은 블로그 운영자의 승인 후에 블로그에 표시됩니다.
2. 가능하면 비로그인 방문자 분께서는 익명보다 이름/URL로 댓글을 남겨주시면 감사하겠습니다. (URL은 생략 가능합니다.)
3. 구글 블로그에 댓글을 쓰고 '게시' 버튼을 클릭했을 때 가끔 에러가 발생해서 댓글이 날아가는 이슈가 있습니다.
혹시 장문의 댓글을 남기실 분들은 혹시 모를 에러를 대비해 '게시' 버튼 클릭 전에 댓글을 복사해두세요.