入力の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 つの解決策
推薦する
親子コンポーネントの通信を解決するための3つのVueスロット
目次序文環境の準備カテゴリコンポーネントアプリのコンポーネント1. デフォルトスロット2. 名前付き...
Nofollowはコメントやメッセージ内のリンクを本当に機能させる
コメントとメッセージはもともと、ウェブマスターがコミュニティと読者層を構築するための優れた手段でした...
一般的なMySQLコマンドの概要
mysqlrootパスワードの設定と変更初めて MySQL データベースに入ります。 ！環境変数にm...
GolangでMySQLデータベースを操作するための実装コード
序文Golang は、SQL データベースにアクセスするための database/sql パッケージ...
MySQL で URL タイムゾーンの罠を回避する方法
序文最近、MySQL 6.0.x 以降の jar を使用する場合、コード URL リンクで serv...
vue3.0+vant3.0の迅速なプロジェクト構築の実装
目次1. プロジェクトの構築2. Vue3 体験 + Vant 紹介2020年9月18日にvue.j...
Vue プロジェクトで垂直テーブルを 2 つの方法で実装するアイデアの分析
問題の説明私たちのプロジェクトでは、水平方向のテーブルが一般的ですが、必要に応じて垂直方向のテーブル...
親要素を基準にCSSの位置を絶対的に設定する方法についての簡単な説明
ご存知のとおり、CSS の絶対位置はデフォルトでドキュメントに応じて設定されます。たとえば、posi...
Mysql 8.0 のインストールとパスワードのリセットの問題
Mysql 8.0 のインストールの問題とパスワードのリセット1: MySqlをダウンロードする公式...
Reactのdiffアルゴリズムの詳細な分析
Reactのdiffアルゴリズムの理解diffアルゴリズムは、 Virtual DOMの変更された部...
Web 標準アプリケーション: Tencent QQ ホームページの再設計
Tencent QQのホームページがリニューアルされ、Webフロントエンド開発がますます注目を集めて...
入力ボックスのカーソルサイズの表示が一貫していない問題の解決方法
入力ボックス内のカーソルのサイズが一定ではありませんIE7とChromeの違いは非常に明白ですまず、...
Docker イメージのインポートとエクスポートのコード例
Dockerイメージのインポートとエクスポートこの記事では、移行、バックアップ、アップグレードなどの...
Linux Autofs 自動マウント サービスのインストールと展開のチュートリアル
目次1. autofs サービスの紹介2. Autofsのインストールと展開3. Autofs効果の...
JavaScriptはシンプルな計算機能を実装します
この記事では、参考までに、簡単な計算機能を実装するためのJavaScriptの具体的なコードを紹介し...