入力の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 つの解決策

推薦する

テキストエリアの残りの単語数を動的に取得する方法

仕事で、これまで一度も書いたことのないケースに遭遇しました。午後の半分をその作業に費やし、ついに書き...

Hadoop におけるネームノードとセカンダリネームノードの動作メカニズムの説明

1) プロセス 2) FSImageと編集NodeNode は HDFS の頭脳です。ファイルシステ...

Uniappの小規模プログラム開発経験

1. 新しいUIプロジェクトを作成するまず、私たちの UI は ColorUI に基づいています。C...

Vue2/vue3 ルーティング権限管理方法の例

1. Vueルーティングの権限制御には一般的に2つの方法がありますa. ルーティングメタ情報(メタ)...

MySQL 数値型オーバーフローの処理方法

さて、質問させてください。MySQL で列を int(0) に設定すると何が起こりますか?この問題を...

Linuxカーネルで中国語の文字を出力する方法

次のように、Windows/MacOS からログインした Linux の SSH ターミナルで簡単に...

JavaScriptのURLオブジェクトとは何かについて話しましょう

目次概要ハッシュプロパティホストプロパティホスト名属性Href属性起源のプロパティユーザー名とパスワ...

純粋な CSS カスタム複数行省略記号の問題 (原理から実装まで)

テキストオーバーフローを表示するにはどうすればいいですか? どのようなニーズがありますか?単一行です...

Vue で v-for を更新する方法

ヒント:配列変更メソッドによりv-forが更新され、ページが更新されます。配列を変更しないメソッド:...

jQueryはバウンドボールゲームを実装します

この記事では、バウンドボールゲームを実装するためのjQueryの具体的なコードを参考までに共有します...

MySQL 5.7.17 zip パッケージ バージョンを Windows 10 にインストールするチュートリアル

mysql5.7.17のインストールチュートリアルを参考までに共有します。具体的な内容は次のとおりで...

Dockerコンテナの状態変換の実装

Dockerコンテナの状態遷移図2度目の実戦 [root@localhost ~]# docker ...

Centos7 MySQL データベースのインストールと設定のチュートリアル

1. システム環境yum updateアップグレード後のシステムバージョンは[root@yl-web...

MySQL が innobackupex を使用して接続サーバーをバックアップできない場合の解決策

innobackupex を使用してバックアップする際に MySQL がサーバーに接続できない場合は...

Vue.js アプリケーションのパフォーマンス最適化分析 + ソリューション

目次1. はじめに2. Vue JS のパフォーマンス最適化が必要な理由は何ですか? 3. Vueの...