HTML textarea 태그는 한 양식에 여러 줄 텍스트 입력 필드를 만드는 데 사용됩니다. </code>로 정의되며 문자를 무제한으로 포함할 수 있습니다.</em></p><p>HTML 양식을 만들 때 허용할지 결정할 수 있습니다. 긴 텍스트 문자열. 예를 들어 소매업체 웹사이트에 대한 고객 문의 양식을 만드는 경우 고객이 직면한 문제에 대한 자세한 설명을 수락하는 양식 요소를 만들 수 있습니다.</p><p>HTML <code>의 위치는 다음과 같습니다. <textarea></code>가 들어옵니다. <code><textarea></code> 요소는 텍스트 여러 줄을 편집하는 기능을 제공하는 모양 요소를 만드는 데 사용됩니다. 이 요소는 둘 이상의 사용자로부터 텍스트 응답을 수락하려는 경우에 유용합니다.</p><p>이 자습서에서는 몇 가지 예와 함께 Alla에서 HTML <code><textarea></code>를 사용하는 방법에 대해 설명합니다. 암호. 이 튜토리얼이 끝나면 <code><textarea></code>를 하나로 사용하는 데 필요한 모든 지식을 얻게 될 것입니다! pro</p><h2>HTML Textarea 태그</h2><p><code><textarea></code>는 양식에서 여러 줄 텍스트 입력 제어 필드를 정의하는 데 사용됩니다. . <code><textarea></code>는 무제한의 문자를 포함할 수 있습니다.</p><p><code><textarea></code> 구문은 다음과 같습니다.</p> <p>일시 중지 우리 코드를 내려왔습니다. <code><textarea></code> 태그는 웹 양식에서 텍스트 영역 영역을 정의하는 데 사용됩니다. <code><input></code>과 달리 <code><textarea></code>에는 여는 태그(<code><textarea></code>)와 닫는 태그( <code></ textarea)가 모두 있어야 합니다. > </code>). 이는 텍스트 상자가 표시할 기본 텍스트가 두 개의</p><p>태그 사이에 포함되어 있기 때문입니다. 이 예에서는 두 가지 속성도 지정했습니다.</p> </div> </div> <ul><li><strong>lines </strong> 텍스트 영역에 기본값이 있어야 하는 라인 수를 브라우저에 알려줍니다. 티. 즉, rows 속성은 텍스트 상자의 높이를 나타냅니다.</li><li><strong>Col. </strong>은 기본적으로 텍스트 상자에 있어야 하는 열의 수입니다. 즉, Col. 속성은 텍스트 상자의 너비를 나타냅니다.</li></ul> </a> </div> <p>웹 트레이너를 생성한다고 가정해 보겠습니다. 지역 의류 매장. 이 양식은 고객이 구매에 대해 의견을 말할 수 있도록 해야 합니다. 사용자에게 자세한 의견을 제출할 수 있는 공간을 제공하기 위해 HTML <code><textarea></code>를 사용하여 사용자 의견을 수집할 것입니다.</p><p>다음 코드를 사용하여 주석 양식을 만들 수 있습니다.</p> <p>우리의 코드는 다음을 반환합니다.</p><Figure class = "wp-block image"> <img src = "h ttps: // LH6. googleusercontent.com / a0bBjFEzohKfpWUH6wMv2m0bBwWje2RZrGS4JQuBBDdrAGMvQdJpMP 91u3TiWx-XsTyB8YeQHJLJut19I-Ou5k4VLIGpXoWD5KbbgO7FaSFZC6pdzWKjejyaRVV5HbtNDI54Y_3N "ALT ="A0bBjFEzohKfpWUH6wMv2m0bBwWje2RZrGS4JQuBBDdrAGMvQdJpMP91u3TiWx XsTyB8YeQHJLJut19I Ou5k4VLIGpXoWD5KbbgO7FaSFZC6pdzWKjejyaRVV5HbtNDI54Y 3N "> </ 그림> <P>하자 했음;.의 우리의 코드를 깨는 첫째, 우리는 선언 <코드> <형식> </ 코드> 온라인 양식을 정의하는 데 사용됩니다. 그런 다음 <code><label></code>를 사용하여 페이지에 레이블을 추가하여 사용자에게 <code>어떤 피드백이 있습니까?</code></p><p>그래서 <code><textarea></code>를 사용하여 반환 양식을 만들었습니다. 다음과 같은 네 가지 속성을 지정했습니다.</p><ul><li>행은 5이고 필드에 있어야 하는 행 수를 저장합니다.</li><li>Col.은 30으로 설정되고 필드에 있어야 하는 열 수를 저장합니다.</li><li>id는 양식에 할당된 고유 식별자입니다. , 양식을 제출할 때 사용됩니다.</li><li>name은 양식을 식별하는 데도 사용되며 n입니다. 웹 서버에 양식을 제출하려면 필요합니다.</li></ul> <p><code><textarea></code>는 모든 주요 브라우저에서 지원됩니다.</p><p>예시 위는 <code><textarea></code>의 기본 구현이지만 양식을 더 고급으로 만들 수 있습니다.</p><p><code>를 사용하는 방법을 설명하기 위해 두 가지 고급 예제로 넘어갑시다. ><textarea></code>를 사용하여 텍스트 상자를 만듭니다.</p><h3>최소 및 최대 길이 </h3> <p>dos go 예를 들어 옷가게에서 문자 수를 제한한다고 가정합니다. ute nte는 1000으로 전송하여 사용자가 주석을 작성할 때 간결하게 작성하도록 권장합니다. 또한 사용자가</p> </a> </div> <p> MINLENGTH 및 mAXLENGTH 속성이 재생되는 곳입니다. minlength는 사용자가 작성해야 하는 최소 문자 수를 지정하는 데 사용되고 maxlength는 사용자가 모듈에 작성할 수 있는 최대 문자 수를 지정하는 데 사용됩니다.</p><p>다음은 minlength 및 maxlength 속성이 정의된 이전 웹 모듈의 예입니다.</p> <p>반환 양식:</p><Figure class = "wp-block image"> <img src = "https: //lh3.googleusercontent .COM / ztmPnPdTmOQ1f7X3SWtWwd3iSXouyXSNof94000099SzkZHWo5Gy8TrbeKv0ZzD- JSR784uIegJeXzrWAvArwI_FpuE7Ul6cOZAwtBtKOSuKqw9 wd3iSXouyXSNof94000099SzkZHWo5Gy8TrbeKv0ZzD JSR784uIegJeXzrWAvArwI FpuE7Ul6cOZAwtfJyfEKVSuKqCwOILHdc9gj는 << 모듈이 유효하지 않은 것으로 간주되는 경우, 우리의 모듈에는 문자가 없습니다. 왼쪽 "> 그것은주의하는 것이 중요하다 사용자가 우리의 형태로 10 개 미만 문자를 쓰는 경우에도, 텍스트 영역 여전히 유효한 것으로 간주됩니다. 최소 제한을 적용하려면 필수 <code></code>를 지정해야 합니다.</p><h3>자리 표시자 텍스트 </h3> <p>위의 웹 양식에서 내부에 기본 텍스트를 지정합니다. 우리 모듈. 이 텍스트는 <code>댓글이 여기에 온다는 의미입니다. </code> 이 정보는 유용하지만 양식에 대한 응답에서 원하지 않는 경우 사용자가 수동으로 기본 텍스트를 삭제해야 합니다.</p><p>자리 표시자 값을 지정하려면 다음을 사용할 수 있습니다. <code>자리 표시자</code>. 이 속성은 양식이 비어 있을 때 표시되는 자리 표시자 값을 나타냅니다. 사용자가 상자에 입력을 시작하자마자 자리 표시자가 사라집니다.</p><p>다음은 자리 표시자 텍스트 <code>댓글이 여기에 포함된 <code><textarea></code>의 예입니다. . </code>:</p> <p>코드 반환:</p> </div> <클래스 얼굴 = "WP 화상 블록"> <IMG SRC = "https://lh3.googleusercontent.com/7EP_nEAj8Pki73CeUAszIZ_eE_8ZJ4LuvxOu820CYCWR4hVxEd3kLM75CUCcuWNw2m-YPzdnfnC5McAGP1qAGBdyk7saA8hBDrHaSKUWFj9OFcDA0V5QYTdK1WY5eqzb-CNJ0n21"ALT = "7EP NEAj8Pki73CeUAszIZ EE 8ZJ4LuvxOu820CYCWR4hVxEd3kLM75CUCcuWNw2m YPzdnfnC5McAGP1qAGBdyk7saA8hBDrHaSKUWFj9OFcDA0V5QYTdK1WY5eqzb CNJ0n21 "> </Figure> <p>보시다시피 <code>귀하의 의견이 여기에 표시됩니다. </code>가 텍스트 상자에 나타납니다. 그러나 사용자가 입력을 시작하면 이 텍스트가 사라집니다. 우리는 이 텍스트가 밝은 회색이기 때문에 자리 표시자라는 것을 알고 있습니다. 반면 이 기사의 첫 번째 예에서 볼 수 있듯이 기본 텍스트는 단색 검정색 텍스트로 나타납니다(달리 명시되지 않는 한).</p> </a> </div> <h2>HTML 텍스트 상자 속성</h2><p><code><textarea></code>는 레이블별 속성 집합을 허용합니다. <code> <textarea> </code>에 추가하면 모든 <a href=" HTML의 /html-textarea/"> 전역 속성 </a>.</p><p>다음은 <code><textarea></code>에서 지원하는 특정 태그 속성입니다.</p><table 클래스 = "wp-block to table-info table"> <tbody > <tr> <td> <strong>속성 </strong> </ td> <td> <strong>값 </strong> </ td> <td > <strong>설명 </strong> </ td> </ tr> <tr> <td> 자동 초점 </td> <td> 자동 초점 </td> <td> 문서에서 텍스트 영역에 초점이 맞춰져야 하는지 여부를 나타냅니다. 로드되었습니다. </ td> </ tr> <tr> <td> 열 </ td> <td> number </ td> <td> 텍스트 상자에 기본적으로 표시되는 텍스트 줄 수를 지정합니다. </ td> </ tr> <tr> <td> 비활성화 </td> <td> 부울 </td> <td> 사용자 입력을 위한 텍스트 상자를 활성화합니다. </ td> </ tr> <tr> <td> 형식 </td> <td> 모듈 ID </td> <td> 텍스트 상자 모듈에 대한 링크입니다. </ td> </ tr> <tr> <td> maxlength </ td> <td> number </td> <td> 텍스트 상자에서 허용되는 최대 문자 수를 나타냅니다.<br></ td> < / tr> <tr> <td> minlength </ td> <td> 숫자 </td> <td> 텍스트 상자에서 허용되는 최소 문자 수를 나타냅니다. </ td> </ tr> <tr> <td> 이름 </td> <td> 이름 </td> <td> 텍스트 상자의 이름. </ td> </ tr> <tr> <td> 자리 표시자 </td> <td> 텍스트 </td> <td> 사용자가 텍스트 상자에 입력을 시작할 때 사라지는 자리 표시자 텍스트를 제공합니다. </ td> </ tr> <tr> <td> 읽기 전용 </ td> <td> 부울 </td> <td> 사용자가 텍스트 영역의 내용을 수정할 수 없음을 나타냅니다. </td> </tr> <tr> <td> 필수 </td> <td> 부울 </td> <td> 사용자가 양식을 완료해야 함을 나타냅니다. </ td> </ tr> <tr> <td> 행 </td> <td> 숫자 </td> <td> 텍스트 상자에 기본적으로 표시되는 텍스트 열의 수를 나타냅니다. </ td> </ tr> </ tbody> </table> <h2></h2><h2>결론</h2><p>HTML <code><textarea></code>는 여러 줄 텍스트의 입력 멤버 중 이것은 둘 이상의 사용자 데이터 문자열을 수집하려는 경우에 유용할 수 있습니다.</p><p>이 자습서에서는 예제를 참조하여 <code><textarea></code>를 사용하여 텍스트 상자를 만드는 방법에 대해 설명했습니다. . 이 튜토리얼은 또한 <code><textarea></code>에서 제공하는 특정 태그 속성이 있는 참조 테이블을 제공했습니다. 이제 HTML 전문가처럼 <code><textarea></code>를 사용할 준비가 되었습니다!</p>
</code>로 정의되며 문자를 무제한으로 포함할 수 있습니다.</em></p><p>HTML 양식을 만들 때 허용할지 결정할 수 있습니다. 긴 텍스트 문자열. 예를 들어 소매업체 웹사이트에 대한 고객 문의 양식을 만드는 경우 고객이 직면한 문제에 대한 자세한 설명을 수락하는 양식 요소를 만들 수 있습니다.</p><p>HTML <code>의 위치는 다음과 같습니다. <textarea></code>가 들어옵니다. <code><textarea></code> 요소는 텍스트 여러 줄을 편집하는 기능을 제공하는 모양 요소를 만드는 데 사용됩니다. 이 요소는 둘 이상의 사용자로부터 텍스트 응답을 수락하려는 경우에 유용합니다.</p><p>이 자습서에서는 몇 가지 예와 함께 Alla에서 HTML <code><textarea></code>를 사용하는 방법에 대해 설명합니다. 암호. 이 튜토리얼이 끝나면 <code><textarea></code>를 하나로 사용하는 데 필요한 모든 지식을 얻게 될 것입니다! pro</p><h2>HTML Textarea 태그</h2><p><code><textarea></code>는 양식에서 여러 줄 텍스트 입력 제어 필드를 정의하는 데 사용됩니다. . <code><textarea></code>는 무제한의 문자를 포함할 수 있습니다.</p><p><code><textarea></code> 구문은 다음과 같습니다.</p> <p>일시 중지 우리 코드를 내려왔습니다. <code><textarea></code> 태그는 웹 양식에서 텍스트 영역 영역을 정의하는 데 사용됩니다. <code><input></code>과 달리 <code><textarea></code>에는 여는 태그(<code><textarea></code>)와 닫는 태그( <code></ textarea)가 모두 있어야 합니다. > </code>). 이는 텍스트 상자가 표시할 기본 텍스트가 두 개의</p><p>태그 사이에 포함되어 있기 때문입니다. 이 예에서는 두 가지 속성도 지정했습니다.</p> </div> </div> <ul><li><strong>lines </strong> 텍스트 영역에 기본값이 있어야 하는 라인 수를 브라우저에 알려줍니다. 티. 즉, rows 속성은 텍스트 상자의 높이를 나타냅니다.</li><li><strong>Col. </strong>은 기본적으로 텍스트 상자에 있어야 하는 열의 수입니다. 즉, Col. 속성은 텍스트 상자의 너비를 나타냅니다.</li></ul> </a> </div> <p>웹 트레이너를 생성한다고 가정해 보겠습니다. 지역 의류 매장. 이 양식은 고객이 구매에 대해 의견을 말할 수 있도록 해야 합니다. 사용자에게 자세한 의견을 제출할 수 있는 공간을 제공하기 위해 HTML <code><textarea></code>를 사용하여 사용자 의견을 수집할 것입니다.</p><p>다음 코드를 사용하여 주석 양식을 만들 수 있습니다.</p> <p>우리의 코드는 다음을 반환합니다.</p><Figure class = "wp-block image"> <img src = "h ttps: // LH6. googleusercontent.com / a0bBjFEzohKfpWUH6wMv2m0bBwWje2RZrGS4JQuBBDdrAGMvQdJpMP 91u3TiWx-XsTyB8YeQHJLJut19I-Ou5k4VLIGpXoWD5KbbgO7FaSFZC6pdzWKjejyaRVV5HbtNDI54Y_3N "ALT ="A0bBjFEzohKfpWUH6wMv2m0bBwWje2RZrGS4JQuBBDdrAGMvQdJpMP91u3TiWx XsTyB8YeQHJLJut19I Ou5k4VLIGpXoWD5KbbgO7FaSFZC6pdzWKjejyaRVV5HbtNDI54Y 3N "> </ 그림> <P>하자 했음;.의 우리의 코드를 깨는 첫째, 우리는 선언 <코드> <형식> </ 코드> 온라인 양식을 정의하는 데 사용됩니다. 그런 다음 <code><label></code>를 사용하여 페이지에 레이블을 추가하여 사용자에게 <code>어떤 피드백이 있습니까?</code></p><p>그래서 <code><textarea></code>를 사용하여 반환 양식을 만들었습니다. 다음과 같은 네 가지 속성을 지정했습니다.</p><ul><li>행은 5이고 필드에 있어야 하는 행 수를 저장합니다.</li><li>Col.은 30으로 설정되고 필드에 있어야 하는 열 수를 저장합니다.</li><li>id는 양식에 할당된 고유 식별자입니다. , 양식을 제출할 때 사용됩니다.</li><li>name은 양식을 식별하는 데도 사용되며 n입니다. 웹 서버에 양식을 제출하려면 필요합니다.</li></ul> <p><code><textarea></code>는 모든 주요 브라우저에서 지원됩니다.</p><p>예시 위는 <code><textarea></code>의 기본 구현이지만 양식을 더 고급으로 만들 수 있습니다.</p><p><code>를 사용하는 방법을 설명하기 위해 두 가지 고급 예제로 넘어갑시다. ><textarea></code>를 사용하여 텍스트 상자를 만듭니다.</p><h3>최소 및 최대 길이 </h3> <p>dos go 예를 들어 옷가게에서 문자 수를 제한한다고 가정합니다. ute nte는 1000으로 전송하여 사용자가 주석을 작성할 때 간결하게 작성하도록 권장합니다. 또한 사용자가</p> </a> </div> <p> MINLENGTH 및 mAXLENGTH 속성이 재생되는 곳입니다. minlength는 사용자가 작성해야 하는 최소 문자 수를 지정하는 데 사용되고 maxlength는 사용자가 모듈에 작성할 수 있는 최대 문자 수를 지정하는 데 사용됩니다.</p><p>다음은 minlength 및 maxlength 속성이 정의된 이전 웹 모듈의 예입니다.</p> <p>반환 양식:</p><Figure class = "wp-block image"> <img src = "https: //lh3.googleusercontent .COM / ztmPnPdTmOQ1f7X3SWtWwd3iSXouyXSNof94000099SzkZHWo5Gy8TrbeKv0ZzD- JSR784uIegJeXzrWAvArwI_FpuE7Ul6cOZAwtBtKOSuKqw9 wd3iSXouyXSNof94000099SzkZHWo5Gy8TrbeKv0ZzD JSR784uIegJeXzrWAvArwI FpuE7Ul6cOZAwtfJyfEKVSuKqCwOILHdc9gj는 << 모듈이 유효하지 않은 것으로 간주되는 경우, 우리의 모듈에는 문자가 없습니다. 왼쪽 "> 그것은주의하는 것이 중요하다 사용자가 우리의 형태로 10 개 미만 문자를 쓰는 경우에도, 텍스트 영역 여전히 유효한 것으로 간주됩니다. 최소 제한을 적용하려면 필수 <code></code>를 지정해야 합니다.</p><h3>자리 표시자 텍스트 </h3> <p>위의 웹 양식에서 내부에 기본 텍스트를 지정합니다. 우리 모듈. 이 텍스트는 <code>댓글이 여기에 온다는 의미입니다. </code> 이 정보는 유용하지만 양식에 대한 응답에서 원하지 않는 경우 사용자가 수동으로 기본 텍스트를 삭제해야 합니다.</p><p>자리 표시자 값을 지정하려면 다음을 사용할 수 있습니다. <code>자리 표시자</code>. 이 속성은 양식이 비어 있을 때 표시되는 자리 표시자 값을 나타냅니다. 사용자가 상자에 입력을 시작하자마자 자리 표시자가 사라집니다.</p><p>다음은 자리 표시자 텍스트 <code>댓글이 여기에 포함된 <code><textarea></code>의 예입니다. . </code>:</p> <p>코드 반환:</p> </div> <클래스 얼굴 = "WP 화상 블록"> <IMG SRC = "https://lh3.googleusercontent.com/7EP_nEAj8Pki73CeUAszIZ_eE_8ZJ4LuvxOu820CYCWR4hVxEd3kLM75CUCcuWNw2m-YPzdnfnC5McAGP1qAGBdyk7saA8hBDrHaSKUWFj9OFcDA0V5QYTdK1WY5eqzb-CNJ0n21"ALT = "7EP NEAj8Pki73CeUAszIZ EE 8ZJ4LuvxOu820CYCWR4hVxEd3kLM75CUCcuWNw2m YPzdnfnC5McAGP1qAGBdyk7saA8hBDrHaSKUWFj9OFcDA0V5QYTdK1WY5eqzb CNJ0n21 "> </Figure> <p>보시다시피 <code>귀하의 의견이 여기에 표시됩니다. </code>가 텍스트 상자에 나타납니다. 그러나 사용자가 입력을 시작하면 이 텍스트가 사라집니다. 우리는 이 텍스트가 밝은 회색이기 때문에 자리 표시자라는 것을 알고 있습니다. 반면 이 기사의 첫 번째 예에서 볼 수 있듯이 기본 텍스트는 단색 검정색 텍스트로 나타납니다(달리 명시되지 않는 한).</p> </a> </div> <h2>HTML 텍스트 상자 속성</h2><p><code><textarea></code>는 레이블별 속성 집합을 허용합니다. <code> <textarea> </code>에 추가하면 모든 <a href=" HTML의 /html-textarea/"> 전역 속성 </a>.</p><p>다음은 <code><textarea></code>에서 지원하는 특정 태그 속성입니다.</p><table 클래스 = "wp-block to table-info table"> <tbody > <tr> <td> <strong>속성 </strong> </ td> <td> <strong>값 </strong> </ td> <td > <strong>설명 </strong> </ td> </ tr> <tr> <td> 자동 초점 </td> <td> 자동 초점 </td> <td> 문서에서 텍스트 영역에 초점이 맞춰져야 하는지 여부를 나타냅니다. 로드되었습니다. </ td> </ tr> <tr> <td> 열 </ td> <td> number </ td> <td> 텍스트 상자에 기본적으로 표시되는 텍스트 줄 수를 지정합니다. </ td> </ tr> <tr> <td> 비활성화 </td> <td> 부울 </td> <td> 사용자 입력을 위한 텍스트 상자를 활성화합니다. </ td> </ tr> <tr> <td> 형식 </td> <td> 모듈 ID </td> <td> 텍스트 상자 모듈에 대한 링크입니다. </ td> </ tr> <tr> <td> maxlength </ td> <td> number </td> <td> 텍스트 상자에서 허용되는 최대 문자 수를 나타냅니다.<br></ td> < / tr> <tr> <td> minlength </ td> <td> 숫자 </td> <td> 텍스트 상자에서 허용되는 최소 문자 수를 나타냅니다. </ td> </ tr> <tr> <td> 이름 </td> <td> 이름 </td> <td> 텍스트 상자의 이름. </ td> </ tr> <tr> <td> 자리 표시자 </td> <td> 텍스트 </td> <td> 사용자가 텍스트 상자에 입력을 시작할 때 사라지는 자리 표시자 텍스트를 제공합니다. </ td> </ tr> <tr> <td> 읽기 전용 </ td> <td> 부울 </td> <td> 사용자가 텍스트 영역의 내용을 수정할 수 없음을 나타냅니다. </td> </tr> <tr> <td> 필수 </td> <td> 부울 </td> <td> 사용자가 양식을 완료해야 함을 나타냅니다. </ td> </ tr> <tr> <td> 행 </td> <td> 숫자 </td> <td> 텍스트 상자에 기본적으로 표시되는 텍스트 열의 수를 나타냅니다. </ td> </ tr> </ tbody> </table> <h2></h2><h2>결론</h2><p>HTML <code><textarea></code>는 여러 줄 텍스트의 입력 멤버 중 이것은 둘 이상의 사용자 데이터 문자열을 수집하려는 경우에 유용할 수 있습니다.</p><p>이 자습서에서는 예제를 참조하여 <code><textarea></code>를 사용하여 텍스트 상자를 만드는 방법에 대해 설명했습니다. . 이 튜토리얼은 또한 <code><textarea></code>에서 제공하는 특정 태그 속성이 있는 참조 테이블을 제공했습니다. 이제 HTML 전문가처럼 <code><textarea></code>를 사용할 준비가 되었습니다!</p>
Michael Zippo