HTML에서 텍스트 필드의 크기를 설정하는 방법-프런트엔드 Q&A-php.cn

집

웹 프론트엔드

프런트엔드 Q&A

HTML에서 텍스트 필드의 크기를 설정하는 방법

青灯夜游

Mar 05, 2021 pm 05:52 PM

html 텍스트 필드

HTML에서는 width 속성과 height 속성을 사용하여 텍스트 영역의 크기를 설정할 수 있습니다. 텍스트 영역 라벨 텍스트 영역에 "width: width value; height: height value;" 스타일만 추가하면 됩니다.

HTML에서 텍스트 필드의 크기를 설정하는 방법

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

html 텍스트 필드

HTML에는 text city라는 특별히 정의된 텍스트 스타일도 있습니다. 텍스트 상자와 다른 점은 여러 줄의 텍스트를 추가할 수 있어 더 많은 텍스트를 입력할 수 있다는 것입니다. 이러한 유형의 제어는 일부 게시판에서 가장 일반적입니다.

구문은 다음과 같습니다.

<textarea name="文本域名称”value="文本域默认值"  rows="行教”cols="列数"></textarea>

로그인 후 복사

텍스트 필드 레이블 속성
텍스트 필드 레이블 속성	Description
name	텍스트 필드의 이름
rows	수 텍스트 필드의 행
cols	텍스트 필드의 열 수
value	텍스트 필드의 기본값

[추천 튜토리얼: "html 비디오 튜토리얼" ]

html 텍스트 필드의 크기를 설정하는 방법

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<style type="text/css">
			#text2 {
				width: 200px;
				height: 200px;
			}
		</style>
	</head>

	<body>

		<form action="#" method="post">
			文本域：<br /><br />
			<textarea id="text1" name="description">默认大小 </textarea><br /><br />
			<textarea id="text2" name="description">使用width属性和height属性设置文本域的宽度为200px，高度为200px。</textarea>
		</form>

	</body>

</html>

로그인 후 복사

Rendering:

HTML에서 텍스트 필드의 크기를 설정하는 방법

css 너비 및 높이 속성

너비 속성은 요소의 너비를 설정합니다.

height 속성은 요소의 높이를 설정합니다.

값	설명
auto	기본값입니다. 브라우저는 실제 너비나 높이를 계산할 수 있습니다.
length	px, cm 등의 단위를 사용하여 너비 또는 높이를 정의합니다.
%	포함 블록(상위 요소)의 너비를 기준으로 너비 또는 높이의 백분율을 정의합니다.