html textarea

textarea 태그는 게시판에서 질문사항을 입력할 때처럼 긴 글을 입력해야 할 때 사용할 수 있습니다. cols 속성과 rows 속성을 사용해서 가로 길이와 세로 길이를 조절할 수 있습니다. placeholder 속성을 사용해서 입력값에 대한 설명을 보여줄 수 있습니다. 입력값이 textarea의 크기보다 많아지면 스크롤이 생성됩니다. maxlength 속성을 사용하면 입력값에 대한 글자 수를 조절할 수 있습니다.

 

사용법

 

<form action="/question">
      <label for="question">question</label>
      <br />
      <textarea
        name="question"
        id="question"
        cols="30"
        rows="10"
        placeholder="Please enter your question"
        maxlength="100"
      ></textarea>
      <br />
      <button>submit</button>
 </form>

 

입력창

 

입력-전송결과

 

label 태그의 for 속성의 값과 textarea 태그의 id 속성값을 일치시키면 텍스트를 클릭해도 입력창을 선택할 수 있습니다. submit 버튼을 누르면 textarea의 name 속성값= 입력값의 형식으로 서버로 전송됩니다.