問題タブ [textarea]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - プロトタイプを使用してテキストエリアを自動サイズ設定するには?
私は現在、私が働いている会社の内部販売アプリケーションに取り組んでおり、ユーザーが配送先住所を変更できるフォームを持っています。
メインアドレスの詳細に使用しているテキストエリアがその中のテキストの領域を占めるだけで、テキストが変更された場合は自動的にサイズが変更されれば、見た目はずっと良くなると思います。
これが現在のスクリーンショットです。
何か案は？
@クリス
良い点ですが、サイズを変更したい理由があります。それが占める領域を、それに含まれる情報の領域にしたいと思います。スクリーン ショットでわかるように、テキスト領域を固定すると、垂直方向のスペースがかなり占有されます。
フォントを小さくすることはできますが、住所を大きく読みやすくする必要があります。テキスト領域のサイズを縮小できるようになりましたが、住所行が 3 行または 4 行 (1 行は 5 行) かかる人には問題があります。ユーザーにスクロールバーを使用させる必要があることは、絶対にありません。
もう少し具体的に言うべきだと思います。縦方向のサイズ変更後ですが、幅はそれほど重要ではありません。これで発生する唯一の問題は、ウィンドウの幅が小さすぎる場合 (スクリーンショットでわかるように)、ISO 番号 (大きな「1」) がアドレスの下に押し込まれることです。
ギミックを持つことではありません。ユーザーが編集できるテキスト フィールドを用意して、不要なスペースを占有せず、その中のすべてのテキストを表示することが重要です。
誰かが問題にアプローチする別の方法を思いついた場合でも、私はそれも受け入れます.
少し動作がおかしいので、コードを少し修正しました。入力したばかりの文字が考慮されないため、キーアップでアクティブ化するように変更しました。
html - HTMLテキストエリアと入力タイプのテキストを同じ幅にする簡単な方法はありますか?
HTML textarea と input type="text" を (ほぼ) 等しい幅 (ピクセル単位) でレンダリングして、さまざまなブラウザーで機能する簡単な方法はありますか?
CSS/HTML ソリューションはすばらしいでしょう。Javascriptを使用する必要はありません。
ありがとう/エリック