Los formularios Spectre proporcionan el componente de control más común utilizado en un formulario regular. En este artículo, discutiremos el formulario textarea. El área de texto del formulario es un componente importante que se requiere para obtener los comentarios (casos principales) del usuario como de costumbre.
Clase de área de texto de formulario: no hay una clase específica para el área de texto, es como una etiqueta de área de texto normal que se requiere para darle al usuario un área de texto. Puede especificar las filas mencionando el número de filas como filas = «número».
Sintaxis:
<textarea class="form-input"
id="input-example-1"
rows="3">
</textarea>
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 Textarea 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"> Feedback </label> <textarea class="form-input" id="input-example-1" rows="3"> </textarea> <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-textarea
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA