Question

How can i style the values that in a textfield, for example: if if i have the values Science, Mathematics in a textfield. In place of having a comma separating them, i would want to display these subjects in boxes or something. Like adding tags to a questing in stackoverflow!

Answer 1

The textbox you see on stackoverflow, isn’t a textbox.

Its most probably a div with a border, with span tags for each tag. Then there is a textbox (without borders) floated next to it.

This gives the appearance of the tags actually being inside the textbox, when they’re not.

When you click space, this is then adding a new record to the tags.

See this jQuery plugin for an example:

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