>  기사  >  웹 프론트엔드  >  웹디자인_HTML/Xhtml_웹페이지 제작시 텍스트 입력창 일부 매개변수 설명

웹디자인_HTML/Xhtml_웹페이지 제작시 텍스트 입력창 일부 매개변수 설명

WBOY
WBOY원래의
2016-05-16 16:45:172065검색

텍스트 입력 상자는 HTML 언어의 텍스트 영역인 일반 방명록, 포럼 및 기타 장소에서 사용됩니다. 텍스트 영역에는 많은 매개 변수가 포함되어 있습니다. 이러한 매개 변수를 사용하는 방법을 배우면 다음에서 텍스트 입력 상자의 크기를 수정할 수 있습니다. 원하는 효과를 얻기 위해 이러한 매개변수와 사용 방법을 소개하겠습니다.
1. 열, 세로 열. 스타일 시트를 설정하지 않고 한 줄에 들어갈 수 있는 바이트 수를 나타냅니다. 예를 들어 cols=60은 한 줄에 최대 60바이트(한자 30자)를 포함할 수 있음을 의미합니다. 또 한 가지 주목할 점은 이를 통해 텍스트 상자의 너비가 조정된다는 점입니다. cols의 값을 입력한 후 입력 텍스트 글꼴의 크기를 정의(정의하지 않은 경우 기본값이 사용됨)한 다음 너비를 조정합니다. 텍스트 상자가 결정됩니다.
2. 행, 가로 열. 표시할 수 있는 행 수를 나타냅니다. 예를 들어, 행=10은 10개의 행을 표시할 수 있음을 의미합니다. 줄이 10개 이상인 경우 스크롤 막대를 끌어서 찾아보아야 합니다. (위와 동일하게 이를 통해 텍스트박스의 높이를 조절합니다.)
3. 이름, 텍스트 상자 이름. 텍스트를 저장할 때 반드시 사용해야 하는 항목입니다.
4. Warp, warp="off"는 텍스트 영역이 자동으로 줄 바꿈되지 않음을 의미합니다. 물론, 쓰지 않으면 기본적으로 자동으로 줄 바꿈됩니다. 이 매개변수는 일반적으로 덜 자주 사용됩니다.
5. 스타일, 텍스트 상자의 배경색, 스크롤 막대 색상 및 형태, 테두리 색상, 입력 글꼴 크기 및 색상 등을 설정하는 데 사용할 수 있는 매우 실용적인 매개변수입니다.
6. 일반적으로 외부 CSS에서 설정을 호출하는 데 사용되는 클래스입니다.
예제 1: 텍스트 상자의 행 수를 40으로, 열 수를 10으로 설정합니다. 이름은 텍스트입니다. 표현형
예 2: 텍스트 상자 오른쪽의 스크롤 막대를 취소합니다. 표현형. style="overflow:auto"는 입력 텍스트가 설정된 줄 수를 초과하면 스크롤 막대가 자동으로 표시된다는 의미입니다.
예 3: 텍스트 상자의 배경색을 설정합니다. .
예시 4: 또한 텍스트 상자의 스크롤 막대 색상, 테두리 색상, 글꼴 크기, 색상, 줄 간격 등을 스타일에서 직접 설정할 수 있습니다. 그러나 이는 일반적으로 CSS에 설정되며 직접 호출할 수 있습니다. 다음은 CSS 설정 코드입니다. 텍스트 상자에 설정되는 것은 텍스트 상자의 배경색, 상하좌우 테두리의 색상 및 두께, 크기입니다. 입력 글꼴 등
.textbox { BACKGROUND: #BFCEDC; BORDER-TOP: #7F9DB9 1px solid; BORDER-RIGHT: #7F9DB9 1px solid; FONT-FAMILY: "宋体", "Verdana", "Arial", "Helvetica" FONT-SIZE: 12px TEXT-ALIGN: LIFT;}
페이지의 과 . class=""의 이름은 CSS에서 사용되는 설정 이름에 해당합니다. 이러한 매개변수에 익숙해지면 텍스트 입력 상자를 수정하고 아름답게 만드는 것이 매우 편리할 것입니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.