Created by Javier Estefan Cruz Gonzalez
about 5 years ago
|
||
¿Comó implementar un cuadro de texto, un botón, una área de texto y un botón rapído en html? ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ Cuadros en HTML: <p align: alineación del párrafo (center | left | right | justify). > </p> ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ Boton de envio: BOTONES DE ENVÍO (SUBMIT) Este tipo de botones envía automáticamente el formulario en que se encuentra cuando es presionado. Es decir, cuando se pulsa el botón el navegador nos lleva a la dirección web indicada en el campo action y al mismo tiempo envía a esa dirección los datos que contiene el formulario. Para insertar un botón usamos la etiqueta <input … />. Para indicar que se trata de un botón de envío dentro de esta etiqueta escribiremos type = "submit". Escribe este código en un editor de textos, guárdalo como archivo con extensión HTML y comprueba los resultados que se obtienen. <!DOCTYPE html> <html> <head> <title>Ejemplo del uso de formularios - aprenderaprogramar.com</title> </head> <body> <form method="get" action="http://aprenderaprogramar.com/accion.php"> <input type="submit" value="Enviar este formulario" /> </form> </body> </html>} ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ Botón de area de texto: Textarea - Áreas de texto. El tamaño Para cambiar el tamaño estándar de un área de texto usaremos columnas y filas (cols y rows). Estos atributos tendrán valores numéricos. Cuanto más grande sea el valor, más grande será el área de texto. HTML<textarea cols="50" rows="2">Área de texto!</textarea> <textarea cols="40" rows="5">Área de texto!</textarea> <textarea cols="20" rows="10">Área de texto!</textarea> ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ Botón rapído : Utilización de la etiqueta <BUTTON> La etiqueta BUTTON se utiliza con una apertura de etiqueta <BUTTON> y una de cierre </BUTTON>. Entre las dos etiquetas, de apertura y cierre, se coloca el contenido que irá dentro del botón. Tiene la particularidad que se pueden colocar dentro del botón los contenidos que se desee, es decir, entre la etiqueta de apertura y cierre se puede colocar texto a voluntad, pero también otras etiquetas HTML, como imágenes, saltos de línea, negritas o lo que podamos necesitar. Veamos un ejemplo: <button> Hola esto es un <b>botón</b> <br> <br> Puedo poner saltos de línea en él! <hr> Y otras cosas <br> <img src="http://www.desarrolloweb.com/images/logo_desarrollo_web.gif" width="261" height="35" alt=""> </button>
Want to create your own Notes for free with GoConqr? Learn more.