Both scripts are very useful and simple to use. If you want to use a "native" script which doesn't use an external JS framework (such as jQuery or MooTools) I think a good choice is NiceForms otwerwise, if you use jQuery, a good alternative is jqTransform. Take a look how they work.
1. jqTransform

Use this code to add a javascript inclusion to jqTransform:
<script type="text/javascript" src="jquery.jqtransform.min.js">
</script>
</script>
...now create a form with class property equal to jqTransform:
<form class="jqTransform">
<!-- Add form elements here... -->
<form>
<!-- Add form elements here... -->
<form>
...then add this JS code to apply the transformation:
<script type="text/javascript">
$(function() {
$("form.jqtransform").jqTransform();
});
</script>
$(function() {
$("form.jqtransform").jqTransform();
});
</script>
2. NiceForms

To implement form style transformation you have to add a javascript inclusion to NiceForms in your web page using this code:
<script type="text/javascript" src="niceforms.js">
</script>
</script>
...then create a form with class property equal to niceform:
<form class="niceform">
<!-- Add form elements here... -->
<form>
<!-- Add form elements here... -->
<form>
It's all. Really simple and fast!
Any suggestion? Please leave a comment.
0 comments