Los formularios Spectre proporcionan el componente de control más común utilizado en un formulario regular. En este artículo, discutiremos la entrada de formulario. La entrada del formulario es un componente importante que se requiere para obtener los datos del usuario como de costumbre.
Clase de entrada de formulario:
- form-input: esta clase se utiliza para crear el campo de entrada para los datos.
Sintaxis:
<input class="form-input">
Ejemplo:
HTML
<!DOCTYPE html> <html> <head> <title>SPECTRE CSS Forms Class</title> <link rel="stylesheet" href= "https://unpkg.com/spectre.css/dist/spectre.min.css"> <link rel="stylesheet" href= "https://unpkg.com/spectre.css/dist/spectre-exp.min.css"> <link rel="stylesheet" href= "https://unpkg.com/spectre.css/dist/spectre-icons.min.css"> </head> <body> <center> <h1 class="text-success">GeeksforGeeks</h1> <strong>SPECTRE Forms Form Input Class</strong> <br> </center> <div class="form-group"> <label class="form-label"> Name </label> <input class="form-input" placeholder="Please type your name"> <label class="form-label"> Mail Id </label> <input class="form-input" placeholder="Your Mail Id"> <label class="form-label"> Password </label> <input class="form-input" type="password" placeholder="Please enter your Password"> <br> <center> <button class="btn btn-success"> LogIn </button> <button class="btn btn-error"> Sign Up </button> </center> </div> </body> </html>
Producción:
Referencia: https://picturepan2.github.io/spectre/elements/forms.html#forms-input
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA