Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung der Verwendung des jQuery-Formularverschönerungs-Plug-Ins jqTransform_jquery

Detaillierte Erläuterung der Verwendung des jQuery-Formularverschönerungs-Plug-Ins jqTransform_jquery

WBOY
WBOYOriginal
2016-05-16 16:04:391079Durchsuche

jQuery-Formularverschönerungs-Plug-in jqTransform ist ein sehr praktisches jQuery-Plug-in, das automatisch Ihr gesamtes Formular verschönert, einschließlich SELECT-Dropdown-Feldern, Textfeldern, Optionsfeldern, Kontrollkästchen, Schaltflächen usw. Natürlich auch Eingabedateien Das Auswahlfeld wird nicht unterstützt. Dies kann anhand unseres vorherigen Tutorials zur Verschönerung des Eingabedatei-Auswahlfelds geändert werden. In Bezug auf die Browserkompatibilität ist es mit IE 6, Safari 2 und Firefox 2 kompatibel. Das Plug-in ist immer noch sehr gut und einfach zu bedienen. Es wird empfohlen, es zu erlernen und zu verwenden.

Verwendung:

1. Laden Sie jQuery und Plug-Ins

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery.jqtransform.min.js"></script> 

2.HTML-Inhalt

<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. Funktionsaufruf

<script type="text/javascript"> 
$(function() { 
    $("form.jqtransform").jqTransform(); 
}); 
</script>

Plug-in-Download

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn