入力の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 つの解決策
推薦する
WeChatアプレットがログインインターフェースを実装
WeChatアプレットのログインインターフェースは参考までに実装されています。具体的な内容は次のとお...
HTMLフレームワーク_Powernode Javaアカデミー
1. フレームワークブラウザのドキュメント ウィンドウには 1 つの Web ページ ファイルしか表...
MySQL 5.7.22 バイナリパッケージのインストールとインストール不要版 Windows 設定方法
次のコードは、MySQL 5.7.22 バイナリ パッケージのインストール方法を紹介しています。具体...
Linux は、Deepin がルートユーザーとして Google Chrome ブラウザを起動できない問題を解決します
Deepin がルートユーザーとして Google Chrome ブラウザを起動できない問題を解決す...
docker を使用して Django テクノロジー スタック プロジェクトをデプロイする方法
Docker の人気と成熟に伴い、Docker は徐々にプロジェクトをデプロイするための第一の選択肢...
docker システムコマンドセットの使用
目次docker システム df docker システム プルーンdocker systemc 情報...
HTML テーブルタグチュートリアル (23): 行の境界線の色属性 BORDERCOLORDARK
行ごとに、暗い境界線の色を個別に定義できます。基本的な構文<TR 境界線の色を暗くする=col...
テキストエリアの使用に関する注意事項
なぜテキストエリアについて具体的に言及するのでしょうか?なぜなら、textarea ノードは実際には...
Vue Element-ui フォーム検証ルールの実装
目次1. はじめに2. ルール検証の入力モード2.1 サンプルコード2.2、フォーム項目2.3. 小...
Tik Tok サブスクリプション ボタンのアニメーション効果を実現する CSS
少し前にTik Tokを見ていて、フォローするときのボタンアニメーションがとても美しいと思ったのと、...
22 Vue 最適化のヒント (プロジェクトの実践)
目次コードの最適化v-for でキーを使用するv-if/v-else-if/v-else でキーを使...
ランダムロールコールテーブルを実装するためのネイティブJavaScript
この記事では、JavaScriptのランダムロールコールテーブルの具体的なコードを参考までに紹介しま...
XHTML の一般的なタグ
XHTML タグとは何ですか? XHTML タグ要素は、XHTML ドキュメントの基本的なコンポーネ...
Windows で削除された MySQL 8.0.17 のルート アカウントとパスワードを回復する方法
少し前にSQLの独学を終え、MySQL 8.0.17をダウンロードしました。インストールして設定した...
進捗バーのネイティブ JavaScript 実装
進捗バーを実装するためのJavaScriptの具体的なコードは参考までに。具体的な内容は次のとおりで...