O plug-in de formulário de material jQuery é um plug-in de formulário de jQuery em estilo de design de material com base no bootstrap. Este formulário altera a forma do Bootstrap para uma forma de estilo plano através de estilos e jQuery personalizados, com efeitos de tags flutuantes.
Download de código fonte de visualização on -line
Como usar
O uso deste formulário de estilo de design de material requer a introdução do jQuery, arquivos relacionados ao bootstrap, material de materialFormstyles.css, arquivos materialform.js na página.
<link rel = "Stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.6/css/bootstrap.minmin.css"> <link RelLeleSet "href =" css/material src = "js/jQuery.min.js"> </script> <script src = "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/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/materialform.js"> </script>
Estrutura HTML
A estrutura HTML do formulário de estilo de design de material é corrigida, você pode copiar o seguinte código.
<div id = "formouTterWrapper"> <div id = "forminnerWrapper"> <form id = "materialForm" method = "post" action = "" role = "form" form "autocomplete =" off "> <div> <div> <etiquety para =" primeironame "> nome de usuário </label <bel type =" text "iD =" primeironame "(name = =") "FirstName"> User "First Type =" Text "> <brinMame" = "=") "FirstName"> User "First Type =" Text "> <brinMame" = "=") "FirstName"> User "First Type =" Text "> <brinMame" = = "=") "FirstName"> User "First Type =" Text "> <brinMame" = = ") Para = "LastName"> Nickname </elabel> <input type = "text" id = "lastName" name = "sltName"> </div> </div> <div> <div> <etiqueta para = "email"> email </bel> <pphone> <input Type = "text" "" name = "email"> </div> <Div> name = "Phone"> </div> </div> <div> <div> <gravador para = "Descrição"> Projeto Descrição </crety> <input type = "text" id = "description" name = "Descrição"> </div> </div> <div> <div> <butter type = "Button" Id = "
O endereço do github deste plugin de formulário é: https://github.com/ch0chi/jquery-material-form-plugin