Entendido.

Este sitio utiliza cookies para analizar la navegación. Si continúa navegando se entiende que acepta su uso. Ver más detalles.";

Logo

Aprende Web

Crea y diseña tus sitios en la Web.

Manual de HTML

HTML: lenguaje básico para crear páginas web


Y ahora tambien aprende a programar en C++ con Aprende Web C++

logo rss RSS. Suscribir canal.

Buscar en Aprende Web

Traducir página

Visita nuestro blog:

bolg.aprende-web.net

y entérate de las novedades o deja un comentario.

Dudas y sugerencias:

aprendeweb@aprende-web.net





Sobre ésta página

Ültima modificación: 29-01-2016.

Visitas este mes: 243

Visitas el mes pasado: 450

logo
WEB-GRAFÍA

Mi agradecimiento a los siguientes sitios en los que me he basado para la elaboración de este manual.:

Desarrollo Web: manual de HTML
Desarrollo Web, por Rubén Álvarez
Cómo crear tu Web: curso de HTML
ComoCrearTuWeb, Por Georgens
Libros Web: introducción a XHTML
Libros web, por Javier Eguíluz Pérez
Curso de HTML: AulaFácil
www.aulafacil.com
Curso de html: Programación Web
www.programacionweb.net
WebEstilo: manual de html
www.webestilo.com
W3 schools; HTML Tutorial
www.w3schools.com
Tutorial html
Juan José López García
Universidad de Murcia
Introducción al lenguaje html
wikilearning

Donativos

Si este sitio te parece interesante puedes contribuir con una pequeña aportación.




7. Formularios (III)

7.3 Botones.

html

Botones radio

Además de poder enviar texto mediante un formulario, podemos hacer que el usuario elija entre varias opciones que le presentemos. Para ello se le presentan una serie de opciones o casilleros entre los cuales el usuario puede marcar las que le interesen.

En el caso de los botones radio se le presentan varias opciones de la que deberá marcarse sólo una. Si se intentan elegir dos opciones, al elegir la segunda se desactiva la primera. pero esto lo veremos mejor mediante un ejemplo:

Elige una estación del año

Primavera

Verano

Otoño

Invierno

Como observarás, en este ejemplo sólo puede haber una opción marcada, ya que al marcar otra distinta se desactiva la que había ya marcada.

El código HTML para este tipo de campos es el siguiente:

el código HTML del ejemplo anterior será el siguiente:


<form ...>

   <p>Elige una estación del año</p>
   <p><input type="radio" name="estacion" value="primavera"/>Primavera </p>
   <p><input type="radio" name="estacion" value="verano"/>Verano </p>
   <p><input type="radio" name="estacion" value="otoño"/>Otoño </p>
   <p><input type="radio" name="estacion" value="invierno"/>Invierno </p>
	 
</form>	

Si queremos que una de las opciones aparezca ya marcada al cargarse la página le incluiremos también el atributo checked="checked". En el ejemplo anterior podríamos haberlo incluido en alguna de las líneas de la siguiente manera:

<p><input type="radio" name="estacion" value="primavera" checked="checked"/> Primavera </p>

En este caso la primera opción aparecería marcada al cargar la página.


Cajas de validación

También llamadas checkbox, las cajas de validación son también botones de opciones, pero en este caso podemos marcar uno o varios a la vez, ya que al marcar uno no se desactivan los otros, pues cada botón es independiente del resto.

Veamos un ejemplo:

Suscribirse a las siguientes secciones:

Deportes

Noticias

Cultura

Economía

Como puedes observar aquí podemos marcar o desmarcar cada opción independientemente de las demás. El código HTML imprescindible para crear este tipo de cajas es el siguiente:

El código HTML del ejemplo anterior sería el siguiente:


<form ...>

   <p>Suscribirse a las siguientes secciones:</p>
   <p><input type="checkbox" name="deportes"> Deportes</p>
   <p><input type="checkbox" name="noticias"> Noticias</p>
   <p><input type="checkbox" name="cultura"> Cultura</p>
   <p><input type="checkbox" name="economia"> Economía</p>
    
</form>	

Al igual que en los botones radio se puede dejar una o varias opciones ya marcadas al cargar la página mediante el atributo checked="checked". Este atributo puede escribirse simplemente checked, pero en este caso la escritura es incorrecta para el lenguaje XHTML, pero correcta para el HTML 4.01. De todos modos el resultado en el navegador es siempre el mismo.

Al ejemplo que vimos en la página anterior (cajas de texto) le hemos añadido unos campos con botones tanto de tipo radio como de tipo "checkbox". el ejemplo anterior nos queda de la siguiente manera:

ejemplo de formulario





En la siguiente página veremos cómo incluir una lista desplegable en un formulario.

Listas de opciones.







manual de HTML

Anterior siguiente ... Siguiente siguiente


imprimir esta página

Página creada por ANYELGUTI.

Sugerencias: aprendeweb@aprende-web.net. Envia un manda un correo

Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog

Más sobre anyelguti en http://anyelguti.16mb.com