>웹 프론트엔드 >HTML 튜토리얼 >HTML의 텍스트 영역 활용, 흔히 발생하는 문제와 사례분석_HTML/Xhtml_웹페이지 제작

HTML의 텍스트 영역 활용, 흔히 발생하는 문제와 사례분석_HTML/Xhtml_웹페이지 제작

WBOY
WBOY원래의
2016-05-16 16:40:351858검색

textarea 태그는 긴 텍스트를 입력할 때 줄 바꿈 및 기타 효과를 얻기 위해 주로 사용하는 HTML 태그입니다. 다음은 기본 사용법을 인용한 것입니다.
textarea 태그 - HTML 형식의 여러 줄 입력 필드를 나타냅니다.
textarea 태그는 로 끝나는 쌍으로 나타납니다. 🎜>
속성: 공통 -- 일반 속성
cols -- 여러 줄 입력 필드의 열 수
rows -- 여러 줄 입력 필드의 행 수 입력 필드
accesskey -- 양식의 바로 가기 키 액세스 방법
disabled -- 입력 필드에 초점을 맞출 수 없고 선택할 수 없으며 회색으로 표시되고 양식에 아무런 영향도 미치지 않습니다
읽기 전용 -- 입력 필드는 선택할 수 있지만 수정할 수는 없습니다
tabindex -- 입력 필드, "탭" 키를 사용한 순회 순서

사용 사례는 다음과 같습니다: Html 코드:


코드 복사코드는 다음과 같습니다.




을 복사하여 로컬에서 테스트할 수 있습니다.
문제는 두 개의 가 같은 줄에 있지 않으면
코드를 별도의 줄에 작성하면 효과가 달라집니다


코드 복사코드는 다음과 같습니다.

/form>



첫 번째 코드는 왼쪽 정렬로 표시되고 다음 코드는 중앙에 표시됩니다. 따라서 textarea 태그의 텍스트는 textarea에 상대적입니다. 이 영역은 소위 WYSIWYG라는 편집 영역을 제공하는 것과 같습니다. 이 두 태그가 같은 줄에 있지 않으면 앞의 공백도 공백 텍스트로 인식됩니다. 텍스트 시작 부분이나 옆에 마우스 편집 포인터가 깜박이지 않습니다. 텍스트. 따라서 이 라벨을 잘 사용하고 문제가 발생하면 어디서부터 시작해야 하는지 알아두세요. 좀 혼란스럽네요. 조금만 실험해보면 이해할 수 있을 것입니다. ㅎㅎ 0_*
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.