jqTransform, skin HTML form elements in seconds
jqTransform is a jQuery styling plugin wich allows usto skin quickly form elements in a easy way. The only thing we have to do is to add a javascript inclusion to this plugin in the header section of our web page.
Usage
1- Add javascript inclusion in the header section of your web page
//required <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.jqtransform.min.js"></script>
2- Write your form
<form class="jqtransform"> <div class="rowElem"> <label for="name">Name: </label> <input type="text" name="name" /> </div> <div class="rowElem"><input type="submit" value="send" /><div> </form>
3- Finally use the plugin
<script type="text/javascript"> $(function() { //find all form with class jqtransform and apply the plugin $("form.jqtransform").jqTransform(); }); </script>
Before using jqTransform
After using jqTransform
Download: http://www.dfc-e.com/sites/pages/upload/01_opensource/99_jqtransform …
No comments
Free jqTransform Theme | blogfreakz.com
12.26.2009
[...] is sharing slick and free jqTransform Theme to download. This package including 15 style preset [...]
qkForm -jQtransform a like on MooTools | blogfreakz.com
12.27.2009
[...] the previous post i have featuring jQtransform and jQtransform theme. Today i will introduce you about qkForm (quick form). qkForm is Mootools [...]
There are no trackbacks to display at this time.