2012-02-16 80 views
2

如何設置文本框中的值,例如:如果我在文本框中輸入值Science, Mathematics。代替用逗號分隔它們,我想在盒子或其他東西中顯示這些主題。就像添加標籤到一個在stackoverflow任務!如何使用CSS設置文本字段中的值?

+0

可能重複http://stackoverflow.com/questions/5031162/ plugin-to-separate-tags-like-the-stackoverflows-input-tags-interface) – 2012-02-16 17:13:57

回答

1

該文本框您請參閱在stackoverflow,不是一個文本框。

它最有可能是一個帶邊框的div,每個標籤有span標籤。然後在它旁邊有一個textbox(沒有邊框)。

這給出了實際存在於文本框內的標籤的外觀,當它們不存在時。

當您單擊空間,然後這將添加一個新記錄到標記。

爲一個例子見本jQuery插件:

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

[插件分開標籤(如計算器的輸入標籤接口)](的
2

你不能單獨使用CSS來做到這一點。你將不得不使用某種JavaScript/jQuery插件來完成這項任務。

這是我用過的一個。這是相當不錯的:

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

+0

任何建議,如果你知道任何? – Namit 2012-02-16 17:05:21

+0

看看多選擇選項。 – 2012-02-16 17:11:10

0

什麼是文本框?是<textarea>?您不能在其中設置不同的文本元素,因爲它不是容器。如果您需要在可編輯字段中使用文本格式/着色功能,請在此處查看JavaScript富文本編輯器。 FCKEditor就是一個例子。

+0

沒有它的一個正常的文本字段!我只是想像它的風格一樣風格標籤 – Namit 2012-02-16 17:10:00

+0

同樣在這裏處理。你可能想給「contenteditable」一個嘗試(谷歌它),但在那裏的人說,這是非常困難的使用和不穩定。 – 2012-02-16 17:13:22

相關問題