Los formularios Spectre proporcionan el componente de control más común utilizado en los formularios regulares. En este artículo, discutiremos la selección de formulario. La selección de formulario es un componente importante que se requiere para obtener la opción del usuario como de costumbre.
Formas Forma Seleccione Clase:
- selección de formulario: esta clase se utiliza para colocar la opción de selección desplegable en la interfaz de usuario para el usuario.
Sintaxis:
<select class="form-radio"><select>
El siguiente ejemplo ilustra la selección de formularios de Spectre Forms:
Ejemplo:
HTML
<!DOCTYPE html> <html> <head> <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 Select 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"> <br> <select class="form-select"> <option>Choose Course</option> <option>Front-End Development</option> <option>Back-End Development</option> <option>Full-stack Development</option> </select> <br> <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-select
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA