Solution: Padding property is used to add space inside the text field, when we have many inputs after each other we can also add some margin to add more space outside,
 input[type=text] {padding:13px 30px; margin: 8px 0;}

Solution: For animating the width of search input when it gets focus we used CSS transition property,
 input[type=text] {-webkit-transition: width 09s ease-in-out; transition: width 0.9s ease-in-out; } input[type=text]:focus {width:100%;}

Solution: content inserts generated content, counter-reset creates or resets a counter, counter-increment increments the value of the counter, counter() function adds the value of a counter to an element.

Solution: CSS Basic UI Level 3 has many pseudo-classes like :widget, :invalid, :valid, :in-range, :required, :read-write, :read-only, :optional, :out-of-range. CSS Selector Level 3 has the classes :disabled, :enabled, :indeterminate, :checked.

Solution: Mozilla CSS Extensions include :-moz-placeholder, :-moz-ui-invalid, :moz-ui-valid, :moz-submit-invalid. ::-webkit-input-placeholder is Webkit CSS Extension, :-ms-input-placeholder is Microsoft CSS Extension.

Solution: Formalize is an extension to common JavaScript frameworks like JQuery, Dojo, YUI etc., it helps to normalize and customize the forms. Uni-form standardizes form markup, styling it with CSS, it also offers a few additional features when used with jQuery.

Solution: jQuery UI offers some very interesting and advanced as well as customizable widgets like date pickers with special attention given to accessibility. Niceforms is a standalone JavaScript method that provides complete customization of web forms.

Solution: WebShim is a big tool that can help with browser HTML5 support, web form part can be very helpful. If you want to normalize forms Twitter Bootstrap can greatly help.

Solution: WebKit includes various values like checkbox, button, button-level, menulist, scrollbarbutton-up, listitem, scrollbarbutton-left, caret, textfield, textarea, searchfield, searchfield-decoration, slider-vertical, slider-horizontal, scrollbargripper-horizontal etc.

Solution: Mozilla includes many values like menulist, radio, scrollbar, dialog, listbox, scrollbarbutton-down, scrollbar, resizer, checkbox, scrollbarbutton-up, separator, toolbar, toolbox, statusbar, separator, toolbarbutton, window, treetwisty, treeview etc.