タグ付けされた質問 「textarea」

私の側にはシンプルなHTMLテキストエリアがあります。現在、タブをクリックすると、次のフィールドに移動します。代わりに、タブボタンをいくつかのスペースをインデントさせたいと思います。これどうやってするの？ありがとう。

143 html  textarea 

テキストエリア内をクリックすると、そのコンテンツ全体が選択されるようにするにはどうすればよいですか？ そして最終的にもう一度クリックすると、選択を解除します。

130 javascript  jquery  forms  textarea  selection 

ユーザーのカーソル位置のテキスト領域にテキストを追加する簡単な関数を作成したいと思います。クリーンな関数である必要があります。基本だけです。残りはわかります。

124 javascript  textarea 

現在、勤務先の会社の社内販売アプリケーションに取り組んでおり、ユーザーが配送先住所を変更できるフォームを持っています。 メインアドレスの詳細に使用しているtextareaがその中のテキストの領域を占めるだけで、テキストが変更された場合は自動的にサイズが変更される場合は、もっと見栄えがよくなると思います。 これが現在のスクリーンショットです。 何か案は？ @クリス 良い点ですが、サイズを変更する理由があります。私はそれが占める領域がそれに含まれる情報の領域であることを望みます。スクリーンショットからわかるように、固定テキスト領域がある場合、垂直方向のスペースがかなり大きくなります。 フォントを減らすことはできますが、大きくて読みやすいアドレスにする必要があります。テキスト領域のサイズを小さくできるようになりましたが、3行または4行（1行は5行）の住所行がある人には問題があります。ユーザーがスクロールバーを使用する必要があるのは、大したことではありません。 私はもう少し具体的であるべきだと思います。私は垂直方向のサイズ変更をした後、幅はそれほど重要ではありません。これで発生する唯一の問題は、ウィンドウの幅が小さすぎると（スクリーンショットで確認できるように）、ISO番号（大きな「1」）がアドレスの下にプッシュされることです。 それはギミックを持つことではありません。それは、ユーザーが編集できるテキストフィールドを用意することで、不要なスペースを取りませんが、その中にすべてのテキストが表示されます。 誰かが問題に取り組む別の方法を思いついたとしても、私もそれを受け入れます。 コードが少し変わっているため、コードを少し変更しました。入力した文字が考慮されないため、キーアップ時にアクティブになるように変更しました。 resizeIt = function() { var str = $('iso_address').value; var cols = $('iso_address').cols; var linecount = 0; $A(str.split("\n")).each(function(l) { linecount += 1 + Math.floor(l.length / cols); // Take into account long lines }) $('iso_address').rows = linecount; };

121 javascript  html  css  textarea  prototypejs 

テキストエリアの文字を数えたいので、次のようにしました： <textarea id="field" onkeyup="countChar(this)"></textarea> function countChar(val){ var len = val.value.length; if (len >= 500) { val.value = val.value.substring(0, 500); } else { $('#charNum').text(500 - len); } }; 私のコードの何が問題になっていますか？それは動作しません！まあ、それは初心者の手書きだったので、助けが必要です。

120 jquery  textarea  counter  onkeyup 

私のサイトでtextareaのサイズ変更をオフにしようとしています。現在、私はこの方法を使用しています： .textarea { clear:left; min-width: 267px; max-width: 267px; min-height:150px; max-height:150px; } 私の方法は正しくないことがわかっているので、JavaScriptでより良い方法を探しています。私は初心者なので、HTML5またはjQueryが最適です。

117 html  textarea 

私が書いた場合に使用できるいくつかの機能が欲しい <textarea maxlength="50"></textarea> <textarea maxlength="150"></textarea> <textarea maxlength="250"></textarea> これは自動的にtextAreaにmaxlengthを課します。可能であれば、jQueryでソリューションを提供しないでください。 注：これは、次のような場合に実行できます。 <textarea onkeypress="return imposeMaxLength(event, this, 110);" rows="4" cols="50"> function imposeMaxLength(Event, Object, MaxLen) { return (Object.value.length <= MaxLen)||(Event.keyCode == 8 ||Event.keyCode==46||(Event.keyCode>=35&&Event.keyCode<=40)) } コピーしたHTMLのtextarea上のHTMLの入力「MAXLENGTH」属性をエミュレートするための最良の方法は何ですか？ しかし重要なのは、textAreaを宣言するたびにonKeyPressとonKeyUpを記述したくないということです。

116 javascript  html  textarea 

を使用してaのサイズ変更を無効にすることが可能であることを知っていtextareaます： textarea { resize: none; } しかし、xまたはyを無効にすることは可能ですか？両方の代わりに

111 css  resize  textarea 

私はjQueryを使用しており、val（）またはtext（）（または別のメソッド）を使用してtextareaのコンテンツを読み取って更新する必要があるかどうか疑問に思っています。 私は両方を試しましたが、両方に問題がありました。text（）を使用してtextareaを更新すると、改行（\ n）が機能しません。val（）を使用してtextareaコンテンツを取得すると、テキストが長すぎる場合、テキストが切り捨てられます。

106 jquery  forms  textarea 

textareaが親DIV要素を超えて拡大しないようにするにはどうすればよいですか？ このテキストエリアはDIV内のテーブル内にあり、テーブル全体が境界からはみ出しているようです。 もっと単純な場合でも、div内にテキスト領域を配置するだけで同じ状況の例を確認できます（www.stackoverflow.comで使用されているもののように） 下の画像から、textareaが親のサイズを超えて伸びていることがわかりますか？これを防ぐにはどうすればよいですか？ CSSは初めてなので、どのCSS属性を使用すればよいのか本当にわかりません。私はいくつかのような表示を試み、オーバーフローしました。しかし、彼らはトリックを行っていないようです。他に見逃したものはありますか？ 更新：HTML CSS textarea { max-width: 50%; } #container { width: 80%; border: 1px solid red; } #cont2{ width: 60%; border: 1px solid blue; } ​ このコードをhttp://jsfiddle.net内に配置すると、動作が異なることがわかります。textareaはそのcssスタイルで宣言されたパーセンテージに制限されますが、それでも親テーブルを必要な大きさにすることが可能であり、親ボーダーを超えてはみ出すことがわかります。これを修正する方法について何か考えはありますか？

100 css  google-chrome  textarea 

ページ上の特定のテキストエリアをACEエディターに変換できるようにしたいのですが。 誰かポインタがありますか？ 編集： editor.htmlファイルで1つのtextareaを処理していますが、2番目を追加するとすぐに、2番目はエディターに変換されません。 編集2： 私はいくつかのアイデアを捨て、代わりに新しいウィンドウで1つ開くことにしました。私の新しい問題は、textareaをhide（）およびshow（）すると、表示がおかしくなることです。何か案は？

96 javascript  textarea  ace-editor 

ユーザー入力が送信されるときに動的に再読み込みされるテキストエリアがあります。数秒ごとに更新されます。このtextarea内のテキストの量がtextareaのサイズを超えると、スクロールバーが表示されます。ただし、スクロールバーは実際には使用できません。下にスクロールを開始すると、数秒後にテキスト領域が更新され、スクロールバーが一番上に戻ります。スクロールバーをデフォルトで最下部のテキストを表示するように設定します。誰かがそうする方法についてのアイデアを持っていますか？

92 javascript  css  scroll  textarea 

各行に次のような整数値が含まれるテキスト領域があります 1234 4321 123445 ユーザーが本当に有効な値を入力しているかどうかを確認したいのですが、次のような面白い値ではありません 1234, 987l; そのためには、テキスト領域を1行ずつ読み、それを検証する必要があります。javascriptを使用してテキスト領域を1行ずつ読み取るにはどうすればよいですか？

92 javascript  jquery  html  textarea 

Facebookを使用しReactます。設定ページに、textareaユーザーが複数行のテキスト（私の場合は住所）を入力できる複数行があります。 <textarea value={address} /> アドレスを表示しようとすると、のように{address}、改行が表示されず、すべて1行になります。 <p>{address}</p> これを解決する方法はありますか？

86 javascript  reactjs  textarea 

でスクロールバーを常に表示する方法に関する前の質問（<textarea>にスクロールバーを追加）に続いて、テキストがオーバーフローした場合でも<textarea>、<textarea>にスクロールバーがないように設定する方法を考えています。これで下にスクロールするには、矢印キーまたはマウスを使用してテキスト内を移動します。 これどうやってするの？

85 html  scroll  textarea  scrollbar  overflow