Volver al Foro de Diseño de páginas Web

Ayuda por favor! XHTML Homework...

  • derekryans
  • Born
  • Born
  • No Avatar
  • Registrado: Jul 14, 2009
  • Mensajes: 2
  • Status: Offline

Nota Septiembre 24th, 2009, 1:54 am

Hola...Necesito ayuda por favor. Estoy haciendo mi tarea para mi clase y por alguna extraña razón yo no entiendo cómo utilizar el "tabindex". Creo que para la mayoría de los que estoy haciendo lo correcto pero apenas no ficha al "estado" cuadro desplegable o la casilla de verificación, etc favor alguien puede ayudar? Yo soy de copiar y pegar el código HTML desde Dreamweaver. Gracias.


HTML Código: [ Select ]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" /TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www..org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Exercise3_4</title>
</head>
 
<body>
<form action="proc_form.cfm" method="post">
<div>
<fieldset>
<legend>Personal Information</legend>
<table>
      <tr>
         <td><label for="name">Name:</label></td><td><input title="Enter your name" type="text" name="name" id="name" tabindex="1" /></td></tr>
        <tr>
         <td><label for="address">Address:</label></td><td><input title="Enter your address" type="text" name="address" size="100" maxlength="100" id="address" tabindex="2" /></td></tr>  
      <tr>
         <td><label for="city">City:</label></td><td><input title="Enter the city" type="text" name="city" size="100" maxlength="100" id="city" tabindex="3" /></td></tr>
        <tr>
         <td><label for="state">State:</label></td>
            <td><select name="State" tabindex="4" id="state">
<option value="alabama">AL</option>
<option value="alaska">AK</option>
<option value="Arizona">AZ</option>
<option value="arkansas">AR</option>
<option value="california">CA</option>
<option value="colorado">CO</option>
<option value="connecticut">CT</option>
<option value="delaware">DE</option>
<option value="district of columbia">DC</option>
<option value="florida">FL</option>
<option value="georgia">GA</option>
<option value="hawaii">HI</option>
<option value="idaho">ID</option>
<option value="illinois">IL</option>
<option value="indiana">IN</option>
<option value="iowa">IA</option>
<option value="kansas">KS</option>
<option value="kentucky">KY</option>
<option value="louisiana">LA</option>
<option value="maine">ME</option>
<option value="maryland">MD</option>
<option value="massachusetts">MA</option>
<option value="michigan">MI</option>
<option value="minnesota">MN</option>
<option value="mississippi">MS</option>
<option value="missouri">MO</option>
<option value="montana">MT</option>
<option value="nebraska">NE</option>
<option value="nevada">NV</option>
<option value="new hampshire">NH</option>
<option value="new jersey">NJ</option>
<option value="new mexico">NM</option>
<option value="new york">NY</option>
<option value="north carolina">NC</option>
<option value="north dakota">ND</option>
<option value="ohio">OH</option>
<option value="oklahoma">OK</option>
<option value="oregon">OR</option>
<option value="pennsylvania">PA</option>
<option value="rhode island">RI</option>
<option value="south carolina">SC</option>
<option value="south dakota">SD</option>
<option value="tennessee">TN</option>
<option value="texas">TX</option>
<option value="utah">UT</option>
<option value="vermont">VT</option>
<option value="virginia">VA</option>
<option value="washington">WA</option>
<option value="west virginia">WV</option>
<option value="wisconsin">WI</option>
<option value="wyoming">WY</option>
</select></td></tr><br/>
   <tr>
      <td><label for="zip">Zip Code:</label></td><td><input type="text" name="zip" size="5" maxlength="5" title="Enter the five digit zip code" tabindex="5" id="zip" /></td>
   </tr>
</table>
 
Save for Future Use?<input type="checkbox" value="y" name="Save Information" title="Save your information for future use"/> <br />
Suscribe Newsletter?
Yes <input type="radio" name="newsletter" value="y" title="Check to suscribe to monthly newsletter" checked="checked" />
No<input type="radio" name="newsletter" value="n" title="Check to NOT suscribe to monthly newsletter" />
<br />
Comments:
<br />
<textarea name="comments" rows="5" cols="40"></textarea>
<br />
<input type="reset" value="Clear" />
<input type="submit" value="Submit" />
</fieldset>
 
</div>
</form>
 
</body>
</html>
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" /TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www..org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title>Exercise3_4</title>
  6. </head>
  7.  
  8. <body>
  9. <form action="proc_form.cfm" method="post">
  10. <div>
  11. <fieldset>
  12. <legend>Personal Information</legend>
  13. <table>
  14.       <tr>
  15.          <td><label for="name">Name:</label></td><td><input title="Enter your name" type="text" name="name" id="name" tabindex="1" /></td></tr>
  16.         <tr>
  17.          <td><label for="address">Address:</label></td><td><input title="Enter your address" type="text" name="address" size="100" maxlength="100" id="address" tabindex="2" /></td></tr>  
  18.       <tr>
  19.          <td><label for="city">City:</label></td><td><input title="Enter the city" type="text" name="city" size="100" maxlength="100" id="city" tabindex="3" /></td></tr>
  20.         <tr>
  21.          <td><label for="state">State:</label></td>
  22.             <td><select name="State" tabindex="4" id="state">
  23. <option value="alabama">AL</option>
  24. <option value="alaska">AK</option>
  25. <option value="Arizona">AZ</option>
  26. <option value="arkansas">AR</option>
  27. <option value="california">CA</option>
  28. <option value="colorado">CO</option>
  29. <option value="connecticut">CT</option>
  30. <option value="delaware">DE</option>
  31. <option value="district of columbia">DC</option>
  32. <option value="florida">FL</option>
  33. <option value="georgia">GA</option>
  34. <option value="hawaii">HI</option>
  35. <option value="idaho">ID</option>
  36. <option value="illinois">IL</option>
  37. <option value="indiana">IN</option>
  38. <option value="iowa">IA</option>
  39. <option value="kansas">KS</option>
  40. <option value="kentucky">KY</option>
  41. <option value="louisiana">LA</option>
  42. <option value="maine">ME</option>
  43. <option value="maryland">MD</option>
  44. <option value="massachusetts">MA</option>
  45. <option value="michigan">MI</option>
  46. <option value="minnesota">MN</option>
  47. <option value="mississippi">MS</option>
  48. <option value="missouri">MO</option>
  49. <option value="montana">MT</option>
  50. <option value="nebraska">NE</option>
  51. <option value="nevada">NV</option>
  52. <option value="new hampshire">NH</option>
  53. <option value="new jersey">NJ</option>
  54. <option value="new mexico">NM</option>
  55. <option value="new york">NY</option>
  56. <option value="north carolina">NC</option>
  57. <option value="north dakota">ND</option>
  58. <option value="ohio">OH</option>
  59. <option value="oklahoma">OK</option>
  60. <option value="oregon">OR</option>
  61. <option value="pennsylvania">PA</option>
  62. <option value="rhode island">RI</option>
  63. <option value="south carolina">SC</option>
  64. <option value="south dakota">SD</option>
  65. <option value="tennessee">TN</option>
  66. <option value="texas">TX</option>
  67. <option value="utah">UT</option>
  68. <option value="vermont">VT</option>
  69. <option value="virginia">VA</option>
  70. <option value="washington">WA</option>
  71. <option value="west virginia">WV</option>
  72. <option value="wisconsin">WI</option>
  73. <option value="wyoming">WY</option>
  74. </select></td></tr><br/>
  75.    <tr>
  76.       <td><label for="zip">Zip Code:</label></td><td><input type="text" name="zip" size="5" maxlength="5" title="Enter the five digit zip code" tabindex="5" id="zip" /></td>
  77.    </tr>
  78. </table>
  79.  
  80. Save for Future Use?<input type="checkbox" value="y" name="Save Information" title="Save your information for future use"/> <br />
  81. Suscribe Newsletter?
  82. Yes <input type="radio" name="newsletter" value="y" title="Check to suscribe to monthly newsletter" checked="checked" />
  83. No<input type="radio" name="newsletter" value="n" title="Check to NOT suscribe to monthly newsletter" />
  84. <br />
  85. Comments:
  86. <br />
  87. <textarea name="comments" rows="5" cols="40"></textarea>
  88. <br />
  89. <input type="reset" value="Clear" />
  90. <input type="submit" value="Submit" />
  91. </fieldset>
  92.  
  93. </div>
  94. </form>
  95.  
  96. </body>
  97. </html>
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Septiembre 24th, 2009, 1:54 am

  • UPSGuy
  • Lurker ಠ_ಠ
  • Web Master
  • Avatar de Usuario
  • Registrado: Jul 25, 2005
  • Mensajes: 2735
  • Loc: Nashville, TN
  • Status: Offline

Nota Septiembre 24th, 2009, 4:46 am

En Firefox (FF3.5) e Internet Explorer (IE7), el orden de tabulación es la correcta. Se sigue el orden de:

Nombre, dirección, ciudad, estado, código postal, el futuro uso (casilla de verificación), Newsletter (radio), Comentarios, abierto, Enviar

Si está tratando de que en Dreamweaver, que podría ser el problema. Directo de su navegador para que lo vea en un servidor:

http://www.codephox.com/test.html
I'd love to change the world, but they won't give me the source code.
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • Avatar de Usuario
  • Registrado: May 28, 2003
  • Mensajes: 23407
  • Loc: Woodbridge VA
  • Status: Offline

Nota Septiembre 24th, 2009, 4:51 am

A mí me funciona bien en FF 3.5 y IE 8

No he probado otros navegadores. Acaba de copiar el código y probado

http://www.alaron-nuclear.com/ozzu/tabindex.html
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • Avatar de Usuario
  • Registrado: May 28, 2003
  • Mensajes: 23407
  • Loc: Woodbridge VA
  • Status: Offline

Nota Septiembre 24th, 2009, 5:24 am

UPSGuy escribió:
Si está tratando de que en Dreamweaver, que podría ser el problema.


Lo más probable. Lo copié en HTML Kit y el taborder no funcionó en la prestación modo de vista previa como IE o FF tampoco, pero funcionó bien una vez que lo puse en un servidor y ver en un navegador.
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • Avatar de Usuario
  • Registrado: May 28, 2003
  • Mensajes: 23407
  • Loc: Woodbridge VA
  • Status: Offline

Nota Septiembre 24th, 2009, 7:23 am

Como acotación al margen, ya que sus deberes para casa, compruebe la ortografía. Ha escrito suscribirse mal.
Quote:
Suscríbase
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.

Página 1 de 1

Publicar Información

  • Total de mensajes en este tema: 5 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 95 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC