HTMLでテキストフィールドのサイズを設定する方法-フロントエンドQ&A-php.cn

ホームページ

ウェブフロントエンド

フロントエンドQ&A

HTMLでテキストフィールドのサイズを設定する方法

青灯夜游

Mar 05, 2021 pm 05:52 PM

html テキストフィールド

HTML では、width 属性と height 属性を使用してテキスト領域のサイズを設定できます。テキスト領域に「width: 幅の値; height: 高さの値;」スタイルを追加するだけです。ラベルのテキストエリア。

HTMLでテキストフィールドのサイズを設定する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

htmlテキストフィールド

HTML には、テキストシティと呼ばれる、特別に定義されたテキストスタイルもあります。テキストボックスとの違いは、複数行のテキストを追加できるため、より多くのテキストを入力できることです。このタイプのコントロールは、一部の掲示板で最も一般的です。

構文は次のとおりです。

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

ログイン後にコピー

##valueデフォルトテキストフィールドの値

テキストフィールドラベル属性
テキストフィールドラベル属性	説明
name	テキストフィールドの名前
rows	テキストの行数field
cols	テキストフィールドの列数

[推奨チュートリアル: "

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>

ログイン後にコピー

レンダリング：

HTMLでテキストフィールドのサイズを設定する方法

cssの幅と高さの属性

width 属性は要素の幅を設定します。

height 属性は要素の高さを設定します。

#値autolength#%プログラミング関連の知識について詳しくは、プログラミングビデオ

説明
デフォルト値。ブラウザは実際の幅または高さを計算できます。
px、cm などの単位を使用して幅または高さを定義します。
# 含まれるブロック (親要素) の幅に基づいて、幅または高さのパーセンテージを定義します。

をご覧ください。！

以上がHTMLでテキストフィールドのサイズを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。