Programación Y Desarrollo Web
:: 
 
Apache ASP C/C++ C++ Builder


CSS Delphi HTML Java


JavaScript MySQL PHP


SQL Server Visual C++ W3C  
 
 
 
.: Inicio  ::  Código  ::  HTML :.
 
 
 
 
  Manuales
  Código
  Trucos Windows
  Descargas
  Vínculos
 
 
 
.:: Código HTML ::.

• Formulario 
 

 
• Formulario

  <form>
    <table width="100%">
      <tr><td align="right" width="50%">nombre:&nbsp;&nbsp;</td><td align="left"><input type="text"></td></tr>
      <tr><td align="right">dirección:&nbsp;&nbsp;</td><td align="left"><input type="text"></td></tr>
      <tr><td align="right">teléfono:&nbsp;&nbsp;</td><td align="left"><input type="text"></td></tr>
      <tr><td align="right">cp:&nbsp;&nbsp;</td><td align="left"><input type="text"></td></tr>
      <tr><td align="right">sexo:&nbsp;&nbsp; </td><td align="left"> <input type="radio" name="r1">hombre&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name="r1">mujer </td></tr>
      <tr><td align="right">gustos:&nbsp;&nbsp;</td> <td align="left"> <input type="checkbox">música&nbsp;&nbsp;&nbsp; <input type="checkbox">computación&nbsp;&nbsp;&nbsp; <input type="checkbox">juegos&nbsp;&nbsp;&nbsp; <input type="checkbox">noticias </td></tr>
      <tr><td align="right">profeción:&nbsp;&nbsp;</td> <td align="left"> <select> <option>arquitecto</option> <option>programador</option> <option>deportista</option> <option>estudiante</option> </select> </td></tr>
      <tr><td align="right">música:&nbsp;&nbsp;</td><td align="left"> <select size="4"> <option>electrónica</option> <option>banda</option> <option>rock</option> <option>pop</option> </select></td></tr>
      <tr><td align="right">deseas subir un archivo???&nbsp;&nbsp;</td><td align="left"><input type="file"></td></tr>
      <tr><td colspan="2" align="center"><br>si quieres suscribirte a esta web, introduce login y password</td></tr>
      <tr><td align="right">login:&nbsp;&nbsp;</td><td align="left"><input type="text"></td></tr>
      <tr><td align="right">password:&nbsp;&nbsp;</td><td align="left"><input type="password"></td></tr>
      <tr><td colspan="2">&nbsp;</td></tr>
      <tr><td align="right">comentarios:&nbsp;&nbsp;</td><td align="left"><textarea cols="30" rows="5"></textarea></td></tr>
      <tr><td align="center" colspan="2"><input type="submit" value="aceptar">&nbsp;&nbsp;&nbsp;&nbsp;<input type="button" value="cancelar">&nbsp;&nbsp;&nbsp;&nbsp;<input type="reset" value="limpiar"></td></tr>
    </table>
  </form>

Ver Ejemplo

 

 
• Transición de Página

Al momento de entrar a la página:

  <meta http-equiv="Page-Enter" content="revealTrans(Duration=0.5,Transition=3)">

Al momento de salir de la página:

  <meta http-equiv="Page-Exit" content="revealTrans(Duration=0.5,Transition=3)">

Los valores de "Transition" van de 0 a 26, donde 23 es aleatorio de todas las transiciones.

El código va entre las etiquetas <head> ... </head>

 

 
• Cambiar color del Scroll Bar

<!-- Copia el siguiente código dentro de la etiqueta <head> ... </head> -->

<style>
  BODY {
    scrollbar-3dlight-color:blue;
    scrollbar-arrow-color:blue;
    scrollbar-base-color:orange;
    scrollbar-darkshadow-color:blue;
    scrollbar-face-color:orange;
    scrollbar-highlight-color:tomato;
    scrollbar-shadow-color:lightsalmon;
  }
</style>

Cuando en Dreamweaver creas un nuevo documento HTML, te crea automáticamente la siguiente etiqueta:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

El problema es que si dejas esa etiqueta, los scroll de la página no van a cambiar de color (al menos así me pasó), u otra razón sería que tu navegador no soportara el cambio de color a los Scroll

 
 
 
[  Inicio  ¦  Mapa del Sitio  ¦  Contacto  ]
 
 
 
Página diseñada por: TSUI Jorge Alejandro Mendoza Torres.
Sitio optimizado para ie5+/Firefox 2.0; res 800 x 600.
 
Hosted by www.Geocities.ws

1