텍스트 입력 상자는 일반적인 메시지 서적, 포럼 등에 사용해야합니다. 이러한 매개 변수를 사용하는 법을 배운 경우 원하는 효과를 달성하기 위해 텍스트 입력 상자의 크기와 모양을 수정할 수 있습니다. 다음은 매개 변수와 이러한 매개 변수를 사용하는 방법입니다.
1. 콜, 수직 열. 스타일 시트 설정이 없으면 연속으로 수용 할 수있는 바이트 수를 나타냅니다. 예를 들어, cols = 60은 선이 최대 60 바이트, 즉 30자를 수용 할 수 있음을 의미합니다. 또한 텍스트 상자의 너비가이를 통해 조정되고 Cols 값을 입력 한 다음 입력 텍스트 글꼴의 크기를 정의하면 (정의되지 않으면 기본값이 사용됩니다) 텍스트 상자의 너비가 결정됩니다.
2. 행, 수평 열. 행 = 10과 같이 표시 할 수있는 행의 수를 나타냅니다. 즉, 10 행을 표시 할 수 있습니다. 10 줄이 넘는 경우 스크롤 바를 드래그하여 탐색해야합니다. (위와 마찬가지로 텍스트 상자의 높이는 이것을 통해 제어됩니다.)
3. 이름, 텍스트 상자의 이름,이 항목은 텍스트를 저장할 때 사용해야하므로 필수적입니다.
4. 워프. Warp = Off가 텍스트 영역에 자동 랩핑이 없음을 의미하는 경우, 물론 쓰지 않으면 기본적으로 자동 랩핑됩니다. 이 매개 변수는 일반적으로 덜 자주 사용됩니다.
5. 스타일, 이것은 매우 실용적인 매개 변수로, 텍스트 상자의 배경색, 스크롤 막대 색상 및 양식, 테두리 색상, 입력 글꼴 크기 및 색상 등을 설정하는 데 사용할 수 있습니다.
6. 클래스는 일반적으로 외부 CSS에서 설정을 호출하는 데 사용됩니다.
예 1 : 텍스트 상자의 행 수를 40으로, 열 수를 10으로 설정합니다. 이름은 텍스트입니다. 표현식 양식 <TextArea cols = 40 줄 = 10 이름 = text> </textArea>
예 2 : 텍스트 상자 오른쪽의 스크롤 막대를 취소합니다. 표현식 양식 <TextArea cols = 40 줄 = 10 이름 = 텍스트 스타일 = 오버플로 : auto> </textarea>. 스타일 = 오버 플로우 : 자동은 입력 텍스트가 설정된 줄 수를 초과 할 때 스크롤 막대가 자동으로 표시됨을 의미합니다.
예 3 : 텍스트 상자의 배경색을 설정하십시오. <TextArea cols = 40 줄 = 10 이름 = 텍스트 스타일 = 배경색 : bfcedc> </textarea>.
예 4 : 또한 텍스트 상자의 스크롤 막대 색, 테두리 색상, 글꼴 크기, 색상, 라인 간격 등을 스타일로 직접 설정할 수 있습니다. 그러나 이들은 일반적으로 CSS로 설정하는 데 사용되며 직접 전화하십시오. 아래는 CSS 설정 코드입니다. 이해하기가 더 쉬워야합니다. 텍스트 상자는 텍스트 상자의 배경색, 상단, 하단, 왼쪽 및 오른쪽 테두리 색상 및 두께의 색상 및 두께 및 입력 글꼴의 크기로 순서대로 설정됩니다.
| <스타일> .Textbox {배경 : #BFCEDC; 테두리 : #7f9db9 1px 고체; 왼쪽 경계 : #7f9db9 1px 고체; 경계 오른쪽 : #7f9db9 1px 고체; 국경-바닥 : #7f9db9 1px 고체; Font-Family : Songti, Verdana, Arial, Helvetica; 글꼴 크기 : 12px; 텍스트 정렬 : 리프트;} </스타일> |
페이지의 <head>와 </head> 사이에 위의 코드를 삽입하십시오. 호출 방법 : <TextArea cols = 40 줄 = 10 이름 = 텍스트 클래스 = 텍스트 상자> </textArea>. 클래스의 이름은 CSS에서 사용할 설정 이름에 해당합니다. 이 매개 변수에 익숙해지면 텍스트 입력 상자를 수정하고 아름답게하는 것이 매우 편리합니다.