Posts

Showing posts from July 24, 2010

stylish TextboxList from Mootool

Here you can see it. Enter tags (with commas) Type the tag (one or more words) and press comma (,). Use left/right arrows, backspace, delete to navigate The HTML Enter tags (with commas) <div style="width: 500px;"> <input class="input" id="myListBox1" name="myListBox1" type="text" value="" /></div> <div class="note"> Type the tag (one or more words) and press comma (,). Use left/right arrows, backspace, delete to navigate</div> The CSS <style type="text/css"> .textboxlist { font: 11px "Lucida Grande", Verdana; cursor: text; } .textboxlist-bits { zoom: 1; overflow: hidden; margin: 0; padding: 3px 4px 0; border: 1px solid #999; *padding-bottom: 3px; } .textboxlist-bit { list-style-type: none; float: left; display: block; padding: 0; margin: 0 5px 3px 0; cursor: default; } .textboxlist-bit-editable { border: 1px solid #fff; } .textboxlis