入力テキストボックスの長さをコンテンツに応じて変更する方法
|
初め： コードをコピー コードは次のとおりです。<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は画像アップロードのプレビュー効果を実現します
推薦する
MySQL information_schema データベースの詳細な説明
1. 概要information_schema データベースは performance_schema...
Vueはシンプルな計算機を実装する
この記事では、参考までに、Vue の具体的なコードで簡単な計算機を実装する方法を紹介します。具体的な...
Dockerはnextcloudを使用してプライベートBaiduクラウドディスクを構築します
突然、ドキュメントの保存と共同作業のためのプライベート サービスを構築する必要がありました。多くの場...
Vue でコンポーネントを一括インポート、登録、使用する方法
序文コンポーネントは、非常に頻繁に使用されるものです。多くの人は、コンポーネントを 1 つのファイル...
CSS3 における擬似クラスの一般的な使用法の詳細な説明
before/after 疑似クラスは、要素内に 2 つの追加タグを挿入するのと同じです。最も適した...
divとspanの違いと使い方
目次1. DIVとSPANの違いと特徴2. スパンタグの概要3. 拡大と改善4. 凡例の効果の実証例...
Amap を使用した React 実装例 (react-amap)
React の PC 版は Amap を使用するようにリファクタリングされました。情報を検索したと...
Linux seqコマンドの使い方
1. コマンドの紹介seq (シーケンス) コマンドは、指定されたステップ サイズに従って、開始番号...
この記事では、jsのデータ型とデータ構造の世界を紹介します。
目次1. 動的型付けとは何ですか? 2. データ型2.1 プリミティブ型 (6 つのプリミティブ型、...
ミニプログラムはミニプログラムクラウドを使用してWeChatの支払い機能を実装します
目次1. WeChat Payを開く1.1 アフィリエイト加盟店番号1.2 加盟店番号を追加する1....
W3C チュートリアル (9): W3C XPath アクティビティ
XPath は、XML ドキュメントの一部を選択するための言語です。 XPath は、XSLT、XQ...
JavaScript の for/of、for/in の詳細な紹介
目次JavaScriptでは、 forループを記述する一般的な方法がいくつかあります。最初の、そして...
デザイナーと開発者に役立つ 9 つの超実用的な CSS のヒント
Web デザイナーの頭の中には、仕事に関連する多くの知識が詰まっている必要があります。 CSS は、...
DockerイントラネットはDNSを構築し、ip:port操作の代わりにドメイン名アクセスを使用します
たとえば、イントラネットに Jenkins サーバーがある場合、そのサーバーにアクセスするには、その...
MySQLトリガーの詳細な説明と簡単な例
MySQLトリガーの簡単な例文法CREATE TRIGGER <トリガー名> -- トリ...