Plugin Formulir Bahan JQuery adalah plugin formulir jQuery gaya desain material berdasarkan bootstrap. Bentuk ini mengubah bentuk bootstrap menjadi bentuk gaya datar melalui gaya dan jQuery khusus, dengan efek tag mengambang.
Unduh Kode Sumber Pratinjau Online
Cara menggunakan
Menggunakan bentuk gaya desain material ini memerlukan pengenalan jQuery, file terkait bootstrap, materialFormStyles.css, bahan materialForm.js ke dalam halaman.
<tautan rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/boottrap.min.css"> <tautan rel = "stylesheet" href = "css/materialforms. src = "js/jQuery.min.js"> </script> <script src = "https://cdnjs.cloudflare.com/ajax/libs/twitter-boottrap/3.3.6/js/boottrap.min.js"> </skrip> <script> <cript src = "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/boottrap.min.js"> </script> <script src = "js/materialform.js"> </script>
Struktur HTML
Struktur HTML dari bentuk gaya desain material sudah diperbaiki, Anda dapat menyalin kode berikut.
<Div id = "formoutterwrapper"> <div id = "FormInnerWrapper"> <Form id = "materialForm" Metode = "POST" ACTION = "" ROLE = "Form" AutoComplete = "Off"> <v Div> <Div> <label for = "FirstName"> Nama pengguna </label> <input type = "Text" ID = "FirstName" FirstName "> FirstName"> nama pengguna </label> <input label = "Text" ID = "FirstName" FirstName " for="lastName">Nickname</label><input type="text" id="lastName" name="lastName"></div></div><div><div><label for="email">Email</label><input type="text" id="email" name="email"></div><div><label for="phone">Telephone</label><input type="tel" id="phone" Name = "Telepon"> </div> </div> <viv> <viv> <label untuk = "deskripsi"> Deskripsi Proyek </label> <input type = "text" id = "description" name = "description"> </div> </div> <v> div> <typy type = "button" ID = "Kirim"> Kirim </Div> </Div> </Div> FORMAS
Alamat GitHub dari plugin formulir ini adalah: https://github.com/ch0chi/jquery-siatalial-form-plugin