H I O X INDIA
Básica gratuita Tutorial HTML
 INICIO ||  HTML ||  CSS || Javascript || Mysql || SEO || Scripts  english  Français  中文  Deutsch 

HTML Básica
Introducción
Como hacerlo
Listado de Etiquetas
html, head, body
Text Manipulation
Imagenes
Efectos Especiales
utilizando tablas
Formas
Otros temas

Etiqueta de Radio Botón e HTML


Topic

Crear un Radio Botón en HTML?
Como crear un Radio Botón preseleccionado?
Como desactivar un Radio Botón?



Explicación

Botón Radio

Código:
<form name=myform>
<input type="radio" name=myradio value="1">un
<input type="radio" name=myradio value="2">dos
<input type="radio" name=myradio value="3">tres
</form>


Resulta:
un dos tres

Definición:
Definimos un radio button usando "input" tag. Damos un atributo nombrado "TYPE=RADIO" en el tag que define el tipo como un radio button. El nombre del atributo debe ser definido y debe ser el mismo. El valor en este caso será usado solo durante el procesamiento del formulario.

Nota: Todos las entradas de este tipo deben contener el mismo nombre. Este nombre es el que los agrupa. Si tiene nombres diferentes para cada botón, entonces se comportan individualmente.

Código:
<form name=myform>
<input type="radio" name=myradio1 value="1">un
<input type="radio" name=myradio2 value="2">dos
<input type="radio" name=myradio3 value="3">tres
</form>


Resulta:
un dos tres

Radio Botón Pre seleccionado
Si necesitamos que el radiobutton sea mostrado como seleccionado aún previamente a que el usuario trate de seleccionar alguno , debemos usar el entry "checked".

Código:
<form name=myform>
<input type="radio" name=myradio value="1" >un
<input type="radio" name=myradio value="2" checked>dos
<input type="radio" name=myradio value="3" >tres
</form>


Resulta:
un dos tres

Radio Botón No editable / No seleccionable
Podemos hacer radio button no seleccionable usando el entry "disabled"

Código:
<form name=myform>
<input type="radio" name=myradio value="1" disabled>un
<input type="radio" name=myradio value="2" checked disabled>dos
<input type="radio" name=myradio value="3" disabled>tres
</form>


Resulta:
un dos tres


privacy policy     license    
© 2004-2005 HIOX INDIA - hioxindia.com

Otros enlaces