pequeña ayuda con HTML

Foro de elhacker.net

Programación

Desarrollo Web (Moderador: #!drvy)

pequeña ayuda con HTML

0 Usuarios y 1 Visitante están viendo este tema.

Páginas: [1]

Autor

Tema: pequeña ayuda con HTML (Leído 3,517 veces)

~ Ghost_Networks ~

Desconectado

Mensajes: 127

pequeña ayuda con HTML

« en: 26 Junio 2011, 23:53 pm »

Hola que tal como estan? bueno hace poco que empese a meter mano con html pero eh aqui un pequeño problema, yo empese hacerlo a mano, no uso programas .... cuestion es que tengo este codigo:

Código:

<html>
  <head> <title> Trabajo para Teleinformatica </title> </head>
  <body bgcolor="#FF0000"text="#00FFFF">
      <hr align=center width=50%>
       <h2><center><u>Datos Importantes de una persona</u></center></h2>
      <hr align=center width=50%>
   
<table width=25% align=center border=2>
<tr align=center>

  <td width=40% align=left>
    <td>
    <b><u> Apellido:</b></u></td><td><Input type ="text"></td>
    </tr>
    <td>
    </td>
    </td>
    </tr>
    <br>
    <br>
</tr>
<tr align=center>
<td width=40% align=left>
<td>
    <b><u> Nombre:</b></u></td><td><Input type ="text"></td>
    </tr>
    <td>
    </td>
    </tr>
<br>
<br>

<td width=20% align=right>
<td>
<b><u>Tipo de Documento:</b></u></td>
<td><SELECT NAME="Documentos">
  <OPTION>DNI</OPTION>
  <OPTION>Cedula</OPTION>
  <OPTION>Libreta de Enrolamiento</OPTION>
  <OPTION>Pasaporte</OPTION>
  <OPTION>Registro Geral</OPTION>
</SELECT></td>
</td>
</tr>
<br>
<br>
<tr align=center>
<td width=40% align=left>
<td>
<b><u>Nacionalidad:</b></u></td><td>
  <SELECT NAME="Nacionalidad">
  <OPTION>Argentina</OPTION>
  <OPTION>Alemania</OPTION>
  <OPTION>Japon</OPTION>
  <OPTION>Italia</OPTION>
  <OPTION>Brasil</OPTION>
</SELECT></td>
</td>
</tr>
<tr align=center>
<td width=40% align=left>
<td><b><u>Casado:</b></u></td><td>
<input type = "radio" name="Si" vaule "1">Si
<input type = "radio" name="Si" vaule "0">No
</SELECT></td>
</td>
</tr>
<br>
<br>
<tr align=center>
<td width=40% align=left>
<td><b><u>Estudios:</b></u></td>
<br>
<td><input type="checkbox" align= right> Jardin
<br>
<br>	
<input type="checkbox" align= right> EGB
<br>
<br>
<input type="checkbox" align= right> Polimodal
<br>
<br>
<input type="checkbox" align= right> Univercitario
<br>
<br>
<input type="checkbox > Otros
<br>
<br>

</SELECT></td>

</td>
</tr>



</table>
</html>

Pero yo lo que quiero es x ej que los checkbox me queden alineados uno de bajo de otro, y que donde dice: nacionalidad y tipo de documento que los "combobox" queden al mismo tamaño que el texto de nombre y apellido, se entiende?
Gracias y dsiculpen las molestias


	En línea

~ Ghost_Networks ~

Desconectado

Mensajes: 127

Re: pequeña ayuda con HTML

« Respuesta #1 en: 27 Junio 2011, 00:08 am »

Olviden lo de ordenar los checkbox ya lo logre jeje

pero aun asi hay forma x ej de si selecciono 1 que los otros se selecciones ejemplo simple:
Estudios
Jardin
EGB (Primaria)
Polimodal(Secundaria)
Universitario

Si x ej yo elijo el checkbox Polimodal automaticamente deberia tildarse Jardin y EGB, se entiende?


	En línea

Spider-Net

Desconectado

Mensajes: 1.165

Un gran poder conlleva una gran responsabilidad

Re: pequeña ayuda con HTML

« Respuesta #2 en: 27 Junio 2011, 00:46 am »

Para eso hay que utilizar javascript.


	En línea

dark_sargon

Desconectado

Mensajes: 534

Re: pequeña ayuda con HTML

« Respuesta #3 en: 28 Junio 2011, 18:04 pm »

Hola. Como dice Spider-Net se puede hacer con javascript.

Acá te dejo una solución no muy pulida pero funciona:

Código:

<html>
<head>
<script type="text/javascript" language="javascript">
  function comprobar(){
      if(document.getElementById('ch2').checked){
        document.getElementById('ch1').checked = true;
      }else if(document.getElementById('ch3').checked){
        document.getElementById('ch1').checked = true;
        document.getElementById('ch2').checked = true;
      }else if(document.getElementById('ch4').checked){
        document.getElementById('ch1').checked = true;
        document.getElementById('ch2').checked = true;
        document.getElementById('ch3').checked = true;
      }
  }
</script>
</head>

<body>
<h1>Estudios</h1>

<form name="formulario">
  <input name="ch1" type="checkbox" id="ch1" onChange="comprobar();"/>Jardin
  <br/>

  <input name="ch2" type="checkbox" id="ch2" onChange="comprobar();"/>EGB (Primaria)

  <br/>

  <input name="ch3" type="checkbox" id="ch3" onChange="comprobar();"/>Polimodal (Secundaria)

  <br/>

  <input name="ch4" type="checkbox" id="ch4" onChange="comprobar();"/>Universitario

  <br/>
</form>
</body>
</html>

Saludos.


	En línea

http://www.actimediaonline.com
Diseño Web, animación y más.

http://www.ciudadoscura.com
Diseño Web, electrónica, programación, móviles y más.

Páginas: [1]

Ir a:

Mensajes similares
	Asunto	Iniciado por	Respuestas	Vistas	Último mensaje
	Solo una pequeña AYUDA...! por fa....! Programación Visual Basic	wili342	0	1,025	19 Diciembre 2006, 00:02 am por wili342
	pequeña ayuda Programación Visual Basic	YEVIT	2	1,743	10 Mayo 2007, 23:51 pm por Hans el Topo
	Una Pequeña Ayuda Hacking	trcka	8	5,434	12 Enero 2011, 21:42 pm por R007h
	Una pequeña ayuda con css y html « 1 2 » Desarrollo Web	WIитX	12	5,700	7 Julio 2015, 16:05 pm por _Enko