Buscar Más buscado

Completo tutorial de HTML - Las nuevas etiquetas de HTML 4. 0 (2)

38 - Las nuevas etiquetas de HTML 4. 0 (2)

[editar]
Tutorial creado por Indaya.com. Extraido de: http://www.indaya.com
11 de Septiembre de 2005
< anterior | 1 ... 36 37 38 39 40 41 42 ... 44 | siguiente >
<FIELDSET>... </FIELDSET>
Hasta ahora, no disponíamos de ninguna manera de agrupar visualmente varios
controles, si no echábamos mano de elementos que no son del formulario, como
tablas o imagenes.
Ahora, si encerramos una parte de un formulario dentro de la etiqueta FIELDSET
se mostrara un rectángulo alrededor de los mismos. Además, podemos indicar un
título por medio de la etiqueta LEGEND, que admite el parámetro align="left /
center / right / top / bottom", lo que nos permite alinear el título horizontal
y verticalmente. La única pega es que deberemos introducir el conjunto en una
celda de tabla con un ancho determinado, ya que si no lo hacemos así el recuadro
abarcara todo el ancho de pantalla disponible.
Ejemplo.- (Sólo para I. Explorer)
<form action="cgi-bin/control.exe" method="post" enctype="text/plain"
name="miform">
<table width="200">
<tr>
<td>
<fieldset>
<legend align="left"><font color="red">Caja de texto</font></legend>
pon tu nombre:
<input type="text" size="15">
</fieldset>
</td>
</tr>
<table>
</form>
<LABEL>... </LABEL>
Hasta no hace mucho los campos de entrada no estaban asociados a ellos mismos.
Por ejemplo; a la hora de pulsar sobre un campo de confirmación, ¡ no sucedía
nada! Pero ahora, sí lo pulsamos el control cambiará de estado.
Ejemplo:**---<form action="cgi-bin/micontrol.exe" method="post" enctype="text/plain"
name="un ejemplo más">
<label>
<input type="checkbox" name="email">
Le deseamos un feliz año nuevo
</label>
</form>
<BUTTON>... </BUTTON>
A partir de la implementación de los estándares HTML 4.0 contamos con varias
etiquetas nuevas para construir formularios, siendo BUTTON una de ellas,
bastante útil por cierto. La pega es que las versiones de 4 de Nestcape se
lanzaron antes de estas implementaciones, por lo que estas nuevas etiquetas sólo
se pueden visualizar correctamente con Internet Explorer 4 y superiores.
Esta etiqueta proporciona un método único para la implementación de cualquier
tipo de botón de formulario. Sus principales atributos son: 



  • type= " tipo ", que puede tomar los ya conocidos valores submit (por
    defecto), reset y button.
     
  • name= " nombre ", que asigna un nombre identificador único al botón.
     
  • value= " texto ", que define el texto que va a aparecer en el botón.

La principal ventaja que aporta estas etiquetas es que ahora vamos a poder
introducir dentro de ellas cualquier elemento de HTML, como imagenes y tablas.
Ejemplos.
<form action="cgi-bin/control.exe" method="post" enctype="text/plain"
name="miform">
<button name="boton_1" type="button">
<table width="10" cellspacing="0" cellpadding="2" border="1">
<tr>
<td>uno</td>
<td>dos</td>
</tr>
<tr>
<td>tres</td>
<td>cuatro</td>
</tr>
</table>
</button>
</form>
[editar]
< anterior | 1 ... 36 37 38 39 40 41 42 ... 44 | siguiente >

Opinar
30 opiniones

OCHOA

MUY BUENO
bastante buena

:D
mu weno

si señor esto si k mola
amilcar caamal

hasta que porfin alguien hace algo bien GGGGGGGGGG """"bravo""""
aza

muy bien
1 2 3 4 5 6 | siguiente >

Tutoriales relacionados con 'Completo tutorial de HTML'

Completo tutorial de HTML
Bienvenidos al manual de HTML de Indaya.A través de todos estos capítulos vamos a descubrir... Más »
Completo tutorial de CSS
En estas páginas de CSS pretendemos dar a conocer la tecnología con un enfoque práctico... Más »
Completo tutorial de ASP
ASP (Active Server Pages) es la tecnología para la creación de páginas dinámicas del lado... Más »
Usar el sistema de Impresión en Linux
Este documento describe cómo usar el sistema de spooling para impresoras de líneas que provee... Más »
Tutorial de kiosk
Hace tiempo que terminé la traducción de un excelente artículo sobre kde-kiosk, la tecnología que... Más »

Anuncios Google

Autor y licencia de 'Completo tutorial de HTML'


Tutorial de Indaya.com. Extraido de: http://www.indaya.com CopyLeft
Licencia GNU Free Documentation License: http://www.gnu.org/copyleft/fdl.html
Este contenido ha sido recopilado por el equipo de Wikilearning. Todo el contenido recopilado se ha obtenido respetando y comunicando en nuestro site la licencia de cada fuente.
Wikilearning tiene permiso expreso por escrito de los autores para publicar los contenidos que ha extraído de otras webs, incluyendo su uso comercial.