入力のsize属性とmaxlength属性の違い

入力のsize属性とmaxlength属性の違い
最近、プロジェクトで input size 属性と maxlength 属性を使用しました。以前は、この 2 つのタグの違いを気にせずに使用していました。今日、Baidu で検索して、少し理解できました。特別収録しました!

コードをコピー
コードは次のとおりです。

<p>名前: <input type="text" name="fullname" maxlength="5" /></p>
<p>名前2: <input type="text" name="fullname" size="5" /></p>

maxlength="5" の場合、入力ボックスに入力できる文字数は 5 文字のみです<br/>
size="5"は、入力ボックスには5文字しか表示されないが、'無限'の文字を入力できることを意味します。

つまり、size 属性は入力フィールドの幅を指定します (ここでは、Name2 テキスト ボックスには 5 文字のみが表示されます)。
size 属性は視覚的なデザイン属性なので、代わりに CSS で width を使用する必要があります。

CSS構文: <input style="width:100px"/>

<<:  CSS XTHML の記述標準とよくある問題の概要 (ページ最適化)

>>:  CSS ブラウザ互換性の問題に対する 4 つの解決策

推薦する

Linux でのインストール中にソフトウェア パッケージの依存関係レポートに関連する問題の解決策

目次背景1) yumのkeepchche機能を有効にする: 方法1 2) yum-utils ソフト...

TypeScript名前空間の説明

目次1. 定義と使用1.1 定義1.2 使用2. 複数のファイルに分割する3. エイリアス序文: T...

Docker Alibaba Cloud RocketMQ 4.5.1 のデプロイプロセスの詳細な説明

検索ミラー docker 検索 rocketmq画像バージョンを表示他の画像を表示したい場合は、画像...

MySQLのさまざまなロックに関する詳細な理解

目次ロックの概要ロックの分類データベース操作の粒度データ操作の種類MySQL ロックさまざまなストレ...

Vueメソッドに基づくシンプルなタイマーの実装

Vueのシンプルなタイマーを参考にしてください。具体的な内容は以下のとおりです原理: setInte...

FileZilla 425 FTP に接続できない (Alibaba クラウド サーバー) の解決策

Alibaba Cloud ServerがFTPに接続できないFileZilla 425 データ接続...

MySQL ベストプラクティス: パーティションテーブルの基本タイプ

MySQL パーティションテーブルの概要MySQL の人気が高まるにつれて、MySQL に保存される...

MySQL 5.7.21 履歴データディレクトリからデータを復元するチュートリアルの解凍バージョン

状況の説明: データベースが異常に起動およびシャットダウンしたため、サービスを再度起動したときに「起...

...

CSSは固定比率のブロックレベルコンテナを簡単に実装できる

H5 レイアウトを設計する場合、通常はバナーに遭遇することになります。例えば、2:1 で表示したい場...

MySQL 5.7.17 winx64 のインストールと設定のチュートリアル

今日、MySQL データベースをコンピューターに再度インストールしました。システムを再インストールす...

Dockerコンテナオーケストレーション実装プロセス分析

実際の開発環境や本番環境では、コンテナを独立して実行することはあまりなく、複数のコンテナを一緒に実行...

Dockerfile を使用して Node.js サービスをデプロイする方法

Dockerfileを初期化するプロジェクトの名前が express であると仮定して、expres...

Docker 環境での Jmeter の分散操作に関する詳細なチュートリアル

1. jmeterの基本イメージを構築するDockerfile は次のとおりです。 # Java 8...

マージンのマージの問題を解決する

1. 兄弟要素の余白を結合する効果は次のようになります: (2 つの間の間隔は 150 ピクセルでは...