ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLのテキストエリアのサイズを設定する方法

HTMLのテキストエリアのサイズを設定する方法

青灯夜游
リリース: 2023-01-07 11:41:36
オリジナル
9462 人が閲覧しました

HTML では、textarea タグのcols 属性と rows 属性を使用して、テキスト領域のサイズを設定できます。cols 属性はテキスト領域の表示幅を指定し、rows 属性はテキスト領域の数を指定します。テキストエリア内の表示行; 構文「< ;textarea rows="数値"cols="数値">」。

HTMLのテキストエリアのサイズを設定する方法

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

テキスト領域には無制限の量のテキストを含めることができ、テキストのデフォルトのフォントは固定幅フォント (通常は Courier) です。

テキストエリアのサイズは、cols 属性と rows 属性によって指定できます。

  • cols 属性は、テキスト領域内の表示幅を指定できます。

  • rows 属性では、テキスト領域に表示される行数を指定できます。

例:

<!DOCTYPE html>
<html>
	<head> 
		<meta charset="utf-8"> 
	</head>
	<body>
		<textarea rows="6" cols="50">测试文本</textarea>
		<br><br><br>
		<textarea rows="10" cols="40">测试文本</textarea>
	</body>
</html>
ログイン後にコピー

レンダリング:

HTMLのテキストエリアのサイズを設定する方法

推奨チュートリアル: 「html ビデオ」チュートリアル###"###

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート