JQUERY MATRICAT FORM PLUGIN est un plugin JQUERY Form de style conception de matériaux basé sur Bootstrap. Cette forme modifie la forme de bootstrap en une forme de style plat à travers des styles personnalisés et jQuery, avec des effets de balises flottants.
Téléchargement du code source en ligne
Comment utiliser
L'utilisation de ce formulaire de style de conception de matériau nécessite l'introduction de jQuery, les fichiers liés à bootstrap, les fichiers matériaux.css, matériaux MaterialForts dans la page.
<link rel = "Stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootsstrap/3.3.6/css/bootstrap.min.css"> <link rel = "Stylesheet" href = "css / matelleformStyles.css"> <script " src = "js / jQuery.min.js"> </ script> <script src = "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js"> </ script> <script src = "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js"> </ script> <script src = "js / matérielform.js"> </script>
Structure HTML
La structure HTML du formulaire de style de conception de matériaux est fixe, vous pouvez copier le code suivant.
<div id = "formoutterwrapper"> <div id = "ForminnerWrapper"> <form id = "MaterialForm" metheth = "post" action = "" role = "form" AutoCompletele = "OFF"> <div> <v> <label for = "FirstName"> Nom d'utilisateur </ label> <entrée Type = "Text" ID = "FirstName" Name = "FirstName"> </ DIV> pour = "LastName"> surnom </ label> <input type = "text" id = "lastname" name = "lastName"> </ div> </ div> <v> <v> <label for = "e-mail"> Email </ label> <entrée type = "text" id = "email" name = "email"> </ div> <v> <label for = "téléphone"> téléphone </ label> name = "phone"> </ div> </ div> <div> <div> <label for = "Description"> Projet Description </ label> <input type = "text" id = "Description" name = "Description"> </ div> </ div> <v> <v> <button type = "Button" id = "soupme"
L'adresse github de ce plugin de formulaire est: https://github.com/ch0chi/jquery-material-forme-plugin