La clase de tipos de entrada de formularios de Spectre se utiliza para definir los tipos de entrada del campo de entrada de un formulario. Puede ser implementado por HTML puro .
Formas Tipos de entrada Clases: No hay una clase definida para el tipo de entrada HTML.
Sintaxis:
<input type="HTML input type attribute">
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 Input types class</strong> <br> </center> <form class="form-horizontal"> <form class="form-horizontal"> <div class="form-group"> <label class="form-label">Name:</label> <input class="form-input" type="text" placeholder="Name"> <label class="form-label">Email Id:</label> <input class="form-input" type="text" placeholder="Email Id"> </div> <label class="form-label">Gender:</label> <label class="form-radio"> <input type="radio" name="gender"> <i class="form-icon"></i> Male </label> <label class="form-radio"> <input type="radio" name="gender"> <i class="form-icon"></i> Female </label> <label class="form-label"> Feedback: </label> <div class="col-9 col-sm-12"> <textarea class="form-input" id="input-example-1" rows="3"> </textarea> </div> <br> <input type="button" class="btn" value="Submit"> </form> </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