2012-02-16 19 views
2

どのように私は値のスタイルを設定できるテキストフィールドで、例えば:私は、テキストフィールド内の値Science, Mathematicsを持っている場合であれば。カンマ区切りの代わりに、これらの件名をボックスなどで表示したいと考えています。 stackoverflowのquestingにタグを追加するのと同じように!CSSを使ってテキストフィールドの値をスタイルする方法は?

+0

可能重複http://stackoverflow.com/questions/5031162/プラグインツー別のタグライク・stackoverflows入力タグ-インタフェース) –

答えて

1

テキストボックスは、テキストボックスではありません。

おそらくdivには境界があり、各タグにはspanのタグが付きます。次に、その隣に浮動小数点数(textbox)が表示されます。

これは、彼らがいないとき、実際に、テキストボックスの内側にいるタグの外観を与えます。

スペースをクリックすると、タグに新しいレコードが追加されます。

例えば、このjQueryプラグインを参照してください

http://loopj.com/jquery-tokeninput/

[(StackOverflowのの入力タグインタフェースのような)タグを分離するためのプラグイン(の
2

あなただけではCSSでこれを行うことはできません。このタスクを実行するには、何らかのjavascript/jqueryプラグインを使用する必要があります。ここで

は、私が使用したものです。それはかなり良いです:

http://harvesthq.github.com/chosen/

+0

任意の提案、あなたがいずれかの認識している場合は? – Namit

+0

複数選択オプションを見てください。 –

0

テキストフィールドは何?それは<textarea>ですか?コンテナではないため、異なるテキスト要素をスタイルすることはできません。編集可能なフィールド内にテキストの書式設定/色付けが必要な場合は、JavaScriptリッチテキストエディタをご覧ください。 FCKEditorがその一例である。あなたはstackoverflowの上を参照してください

+0

通常のテキストフィールドはありません!私は単にタグが一般的にスタイルされている方法のようにそれをスタイルしたいだけです – Namit

+0

ここで同じ取引をします。あなたは 'contenteditable'を試してみたいと思うかもしれませんが(グーグル)、そこにいる人々は使用するのが非常に難しく、不安定であると言います。 –

関連する問題