問題タブ [input-field]

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.

0 投票する
1 に答える
551 参照

drupal - Drupal:デフォルトのノードモジュールフォームのラベルを変更しますか?

0 投票する
3 に答える
9019 参照

html - 幅100%の入力フィールドがパディングに「到達」します

入力フィールドを含むテーブルセルがあります。入力フィールドはテーブルセルを埋める必要がありますが、そのパディングには到達しません。私が持っているものは(firebugで)このように見えます:

パディングに到達するフォーム要素

入力フィールドを青い領域内に保持し、紫色の領域に押し込まないようにします。

そして:もちろん、私はこのトピックに関するすべての質問を最初に読みました。私はそれをすべて読みましたが、実際にそれを解決する答えは見つかりませんでした。

最新のすべてのブラウザ(ie7でも)で動作するはずです。

jsfiddleを使用して最小限のライブ例を作成しました。他の質問のすべてのソリューションを試しましたが、これを機能させることができませんでした。a)これに対する実用的な解決策はありますか?およびb)これに対する優れた非回避策もありますか?

なぜこれがすべてのブラウザで問題になるのですか?これはCSSの間違った仕様だと思います。もちろん「100%」と言えば、要素をコンテンツ領域の「100%」に合わせたいからです。それをパディングとマージンに流し込むためのユースケースは何ですか?

0 投票する
2 に答える
771 参照

html - CSS: 入力フィールドと選択オプションのバグ?

入力フィールドを 100% に設定すると、それらを含む div が常に「オーバーラン」するのはなぜですか?

css、

html、

出力、 ここに画像の説明を入力

どうすれば修正できますか??

ありがとう。

編集:

入力フィールドの問題を修正したようですが、別の問題に遭遇しました - select field

現在、選択フィールドは「アンダーラン」です!!

ここに画像の説明を入力

これを修正するにはどうすればよいですか??

ありがとう。

0 投票する
2 に答える
580 参照

javascript - IE8 と JS のクローンと prependTo が機能しない

Internet Explorer を使用して JS アプリケーションを実行しています。このアプリケーションの一部は、入力フィールド (オートコンプリート機能を含む) をコピー/複製することです。

そのために、入力の既存のフィールドを複製するだけです。

このコードは Firefox で非常にうまく機能します。入力フィールドは複製され、オートコンプリートも新しい入力フィールドで機能します。

しかし、IE 8 では、入力フィールドがありません! clone() や prependTo が実行されていないようです。

ありがとうございました。

0 投票する
1 に答える
4131 参照

html - Web ページで入力フィールドの切り替えシーケンス (Tab キーを使用した入力フィールドの切り替え) を変更するには?

Webページで入力欄がある場合、Tabキーを押すと切り替わるのですが、特定の順番で、この順番を変えて別の順番にする方法はありますか?

htmlでできるのが望ましいですが、他のスクリプト言語(javascriptなど)でもできるのであれば問題ありません。

0 投票する
0 に答える
99 参照

css - テキストが入力されたときの Internet Explorer の入力フィールドのバグ

Internet Explorer の多くのバグの 1 つに遭遇しました ;)

カスタム スタイルの入力フィールドをいくつか作成していますが、IE を除くすべてのブラウザで想定どおりに動作します。入力フィールドには、両側にパディングが追加されています。これは、入力フィールドにテキストが入力されていない場合にロード時に正常に機能します。しかし、入力フィールドにテキストが入力されるたびに、与えられたパディングは無視されます..

問題のスクリーンショットをアップロードしました。
ここに画像の説明を入力

...そして、自分で試すことができるように非常に簡単な例を作成しました:http://valuable.dk/test.htm

これを解決するにはどうすればよいですか :) ?

0 投票する
8 に答える
82090 参照

jquery - HTMLフォームをJQueryダイアログとしてポップするときに、最初の入力フィールドへの自動フォーカスを回避するにはどうすればよいですか?

古いものであるthis oneを含む、SO に関する同様の質問を見てきました。リンクを読んでたどりましたが、今日この問題に対する適切な解決策があるかどうかは不明です.

一番の問題はplaceholder="..."、入力フィールドで HTML を使用していることです。最初のフィールドに自動的にフォーカスすることで、そのプレースホルダーはユーザーに表示されなくなります。

編集

ここに私のHTMLコードがあります:

これが私のJSコードです:

0 投票する
1 に答える
13515 参照

android - マスクされた数値入力フィールドを作成する方法はありますか?

AndroidでHTML5アプリケーションを作成していますが、この特定のシナリオでは、クレジットカードのセキュリティコード用の入力フィールドがあり、入力フィールドを番号のみにしてマスクする必要があります。

私はこの特定のケースを探すことができませんでした。自分で調べて試してみると、これはHTML5だけではできないということがわかります(数字とパスワードはどちらもタイプのオプションであり、1つのタイプしかできないため)利用される)。何かが足りないので、HTML5で入力をマスクしているときに数字キーボードをポップアップする方法がありますか、それともキーボード入力タイプを強制したり、CSSまたはJavaScriptで入力をマスクしたりする別の方法がありますか?

助けてくれてありがとう!

0 投票する
3 に答える
10025 参照

javascript - HTML/Javascript ページのフォーム外/フォームなしで入力フィールドを使用する危険性はありますか?

通常、入力フィールドはフォームに関連付けられていますが、単純な Javascript/HTML ページで使用したいと考えています。フォームは必要ありません。HTML ページに問題はありませんが、認識していない危険や悪い習慣はありますか? 私は自分のページが途中でバグるのを望んでいません。

(基本的に、マイページのフィールドは、他のフィールドの値に応じて Javascript を有効または無効にすることができます)

0 投票する
1 に答える
611 参照

html - CSS を使用した自動ストレッチ検索フィールドで苦労する

ここ数時間、この検索フィールドをブラウザ (amazon.com など) で拡張するのに苦労してきました。

入力フィールドまたは親コンテナを100%にする、オーバーフローするなど、Googleで見つかったさまざまなことを試しましたが、取得できないようです:/

また、カテゴリを右に浮かせてみましたが、送信ボタンと場所が入れ替わりました。

どこが間違っているのか分かりますか?

http://jsfiddle.net/SkinnyGeek1010/RzHWA/