入力テキストボックスの長さをコンテンツに応じて変更する方法
|
初め： コードをコピー コードは次のとおりです。<input type="text" onkeydown="this.onkeyup();" onkeyup="this.size=(this.value.length>4?this.value.length:4);" size="4"> このうち、size="4" は初期サイズを定義します。ここで定義されていない場合は、this.size=(this.value.length>4?this.value.length:4); の 4 を 20 に変更します。<input type="text"> のデフォルトサイズは 20 です。 2番目： スタイルで width 属性を定義し、その幅をコンテンツに応じて変更したい場合、2 つの要件は矛盾しているのではないでしょうか。したがって、ここではスタイルで width 属性を定義することはできません。 |
<<: LeetCode の SQL 実装 (181. 従業員は管理職よりも収入が高い)
>>: Vue+SSMは画像アップロードのプレビュー効果を実現します
推薦する
ボタンと入力タイプの違いと注意点
<button> タグ<br />定義と使用法<button> ...
HTML で 2 列レイアウトを実装する方法の例 (左側は固定幅、右側は適応幅)
HTMLは2列レイアウトを実装し、左側は固定幅、右側は適応幅です。実装1: <スタイル>...
JavaScript でプライベート変数を宣言する 2 つの方法
序文JavaScript は、キーワードを使用してプライベート変数を宣言できる他の言語とは異なります...
SCSS スタイルのコードを 50% 削減する 14 の実践的な経験
序文Sass は CSS3 言語の拡張機能です。Sass を使用すると、より良いスタイルシートをより...
CSS を使用して複数の方法で等高レイアウトを実装するサンプル コード
この記事で説明する等高レイアウトでは、純粋な CSS を使用して、要素の高さを手動で設定することなく...
LNMP を展開して HTTPS サービスを有効にする方法に関するチュートリアル
LNMP とは: Linux+Nginx+Mysql+(php-fpm、php-mysql)つまり、...
Docker Desktop をインストールすると、エラー メッセージが表示されます: WSL 2 のインストールが完了していません (エラー メッセージを解決してください)
エラーの説明Docker Desktop をインストールすると、WSL2 (Windows ベースの...
Windows 版 MySQL のインストール、起動、基本設定に関する詳細なグラフィック チュートリアル
ダウンロード：ステップ 1: ウェブサイトを開きます (ダウンロードするには公式ウェブサイトにアクセ...
CSS3 回転キューブ問題の詳細な説明
3D座標の概念要素が回転すると、その座標軸も一緒に回転します。注 -y方向の問題立方体を回転させる効...
Pagoda Panel のインストール時にサーバーがデータベースにリモート接続できない問題の解決策
自分のウェブサイトを構築する予定なので、618 プロモーションを利用して Tencent Cloud...
MySQLのスローログの開き方と保存形式の詳細な分析
開発プロジェクトでは、MySQL のスロークエリログを通じて効率の問題のある SQL を監視できます...
explainコマンドがMySQLデータを変更する理由
クエリで EXPLAIN を実行するとデータベースが変更されるかどうかを尋ねられた場合、おそらく「い...
MySQLはconnect_by_isleaf MySQLメソッドまたはストアドプロシージャに似た機能を実装します
最近、特に異常なビジネス需要があり、テーブルがあります テーブル「デモ」を作成します（ `id` i...
海外の無料写真素材サイトベスト9
良い画像素材のウェブサイトを見つけるのは難しいです。特に無料です。良い写真には非常に目を引く視覚効果...
ローカルでビルドした Docker イメージを Dockerhub に公開する方法
今日は、ローカルの Docker プロジェクト イメージを dockerhub に公開する方法を紹介...