問題タブ [input-field]

標準入力フィールドを取り、見栄えを良くしたかったのです。したがって、この画像をページの入力フィールドとして使用します。

私のページで使用するには、次のコードを使用します。

HTML:

CSS

入力フィールドが白い背景にある場合、これは問題になりません。しかし、明るい緑色の背景に入力フィールドがあり、入力フィールドは次のようになります。

私の質問は、元の入力フィールドの角を削除して見栄えを良くするにはどうすればよいですか?

私はこれらすべてに不慣れで、まだこのサイトで主に学んでいます。これは私にとって非常に有用であり、皆さんから助けを得ることにしました.

ファイル入力ボタンのスタイルを設定し、テキスト フィールド内にファイル名を出力しました。同じページの複数のファイル入力 (ファイル名を含むテキスト フィールドと一緒に) でこれらのクラスを使用したいと思います。(一度にファイルを増やすのではなく、より多くのファイル入力が必要です)

ID を使用して必要なファイル フィールドごとに JS を複製できることはわかっていますが、それを 1 つの関数で行うか、大量に使用するために「動的」にしたいと考えています。

だから、私は少し助けを求めています:)

HTML:

JS:

ここですべてを見ることができます：http://jsfiddle.net/k5cLt/5/

事前にThx

こんにちは！Wordpress の Contact Form 7 で連絡フォームを作成しています。また、フォーム フィールドの 1 つが数値セレクター (1 ～ 10 など) である機能が必要であり、選択された数値を計算して、入力するフィールドの数をドロップダウンする必要があります。

できる限り説明しようと思います。したがって、誰かが 4 と入力した場合...4 つの入力フィールドのドロップダウンが必要です。

この機能のための jquery スクリプトをいくつか探しましたが、基本的には行き詰まっています。誰か提案があれば、とても感謝しています!

特定のクラスの入力フィールドがいくつかあります。それらはすべてdata-somedata、整数値などのデータ属性を持っています。これらのデータ属性の合計を計算する必要があります。getAttributeと組み合わせて使用​​しようとしましgetElementsByClassNameたが、うまくいきません。

私はこのコードを使用しています：

jsFiddle でライブを見る

(firefox) コンソールでは、次のようになります。

TypeError:fields[i].getAttribute関数ではありません

どうしてこれなの？どうすれば修正できますか？

絶対に必要でない限り、jQuery を使用したくありません (そうではないと思います) 。

これを使用する<input class="search" type="text" id="input" onfocus="this.value=''" />と、たとえば次のように記述arduinoし、テキストですべてを検索しarduino、その後、Webページの別の場所をクリックしてから入力フィールドを再度クリックすると、テキストは正常に消去されますが、キーボードでbackspace一度、結果をクリアしてarduinoすべてを表示します。

なぜ、どうすればこれを修正できますか? ありがとう

jsfiddle コードはこちら

入力フィールド/テキストフィールドの 100% の幅が含まれている div と重なるのはなぜですか?

http://jsfiddle.net/lassebjensen/Uujck/3/

CSS:

HTML:

以下のコードは問題を修正しますが、オーバーラップの原因は何ですか? テキストフィールドの幅を 100% に設定できないのはなぜですか?

敬具

私はウェブ上で少し狩りをしましたが、これに対する具体的な答えをまだ見つけていません. 編集不可能なデフォルトのテキストを含むテキスト フィールドを持つことは可能ですか?

たとえば、ユーザーが電話番号を入力する必要があるとします。彼らが見るものは次のとおりです。

好きなスターを編集できます。ただし、フィールドが完全に空の場合でも、ダッシュを削除する方法はありません。readonly入力領域のとタグを見てきましたdisabledが、これらはフィールド全体を無効にします。

入力フィールドにデフォルトで設定した文字を変更せずに、ユーザーが情報を入力できるようにしたい。

実験する必要がある場合は、ダミーコードを次に示します。