HTML의 textarea 태그 사용법에 대한 자세한 설명

textarea 태그는 여러 줄의 텍스트 입력 컨트롤을 정의하는 데 사용됩니다. 텍스트 입력 필드에는 모든 길이의 텍스트를 입력할 수 있습니다. PHP와 같은 프로그램을 사용하여 여기에 입력한 값을 서버로 보낼 수도 있습니다. 이 기사에서는 HTML에서 textarea 태그의 사용법을 자세히 소개합니다.

input 태그와 textarea 태그의 차이점을 간단히 살펴보겠습니다.

type 속성을 text로 설정하면 input 태그는 textarea 태그와 유사한 효과를 얻을 수 있습니다.

단, 입력 태그를 사용하면 한 줄의 텍스트만 입력할 수 있습니다. 여러 줄의 텍스트를 입력하려면 textarea 태그를 사용할 수 있습니다.

텍스트 영역 태그를 사용하는 방법은 무엇입니까?

textarea 태그를 사용하여 행과 열의 수를 지정할 수 있습니다.

코드는 다음과 같습니다

<HTML의 textarea 태그 사용법에 대한 자세한 설명>
    <form action="/form.php" method="post">
        <div>
            <label for="message">内容</label>
            <textarea id="message" name="message"　cols="50" rows="10"></textarea>
        </div>
        <input type="submit" value="发送">
    </form>
</HTML의 textarea 태그 사용법에 대한 자세한 설명>

실행 효과는 다음과 같습니다

textarea 태그에서 크기는 cols 속성(가로 방향) 및 행 속성(세로 방향) 각각 방향).

최대 문자 수 결정

샘플 코드는 다음과 같습니다.

<HTML의 textarea 태그 사용법에 대한 자세한 설명>
    <form action="/form.php" method="post">
        <div>
            <label for="message">内容</label>
            <textarea id="message" name="message" cols="50" rows="10"　maxlength="20"></textarea>
        </div>
        <input type="submit" value="发送">
    </form>
</HTML의 textarea 태그 사용법에 대한 자세한 설명>

실행 결과는 다음과 같습니다

이 경우 위 코드 외에 maxlength 속성도 사용됩니다. 최대 문자 수를 설정합니다.

마지막으로 미리 작성된 텍스트를 변경할 수 없도록 textarea 태그를 설정할 수도 있습니다.

코드는 다음과 같습니다

<HTML의 textarea 태그 사용법에 대한 자세한 설명>
    <form action="/form.php" method="post">
        <div>
            <label for="message">内容</label>
            <textarea id="message" name="message" cols="50" rows="10"　maxlength="20" readonly>这有这个内容</textarea>
        </div>
        <input type="submit" value="发送">
    </form>
</HTML의 textarea 태그 사용법에 대한 자세한 설명>

실행 결과는 다음과 같습니다

이 경우 readonly 속성은 추가된 내용을 변경할 수 없도록 설정하겠습니다.

위 내용은 이 글의 전체 내용입니다. 더 흥미로운 내용을 보려면 PHP 중국어 웹사이트의 관련 칼럼 튜토리얼을 참고하세요! ! !

위 내용은 HTML의 textarea 태그 사용법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!