如何使用CSS設置文本字段中的值？

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

2012-02-16 Namit

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

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

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

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

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

爲一個例子見本jQuery插件：

[插件分開標籤（如計算器的輸入標籤接口）]（的

2012-02-16 17:13:02 Curt

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

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

2012-02-16 17:04:53

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

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

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

2012-02-16 17:06:30

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

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

回答