Foros del Web » Creando para Internet » HTML »

Tips para el tag BUTTON (excelente!)

Estas en el tema de Tips para el tag BUTTON (excelente!) en el foro de HTML en Foros del Web. Hasta hoy, teníamos dos formas para hacer Botones de Formularios. Podíamos usar texto o una imagen, o podíamos ponerlo "bonito" con CSS. Pero hay un ...
  #1 (permalink)  
Antiguo 29/01/2002, 12:10
Avatar de oSo
oSo
 
Fecha de Ingreso: julio-2001
Mensajes: 468
Antigüedad: 16 años, 4 meses
Puntos: 1
Tips para el tag BUTTON (excelente!)

Hasta hoy, teníamos dos formas para hacer Botones de Formularios. Podíamos usar texto o una imagen, o podíamos ponerlo "bonito" con CSS. Pero hay un nuevo TAG que hacen el código de formularios más funcionales y más "modificables"

MANERA ANTIGUA:
<pre>&lt;INPUT TYPE=&quot;button&quot; VALUE=&quot;Button Text&quot;&gt; </pre>
El nuevo comando BUTTON hace fácil la creación de botones. El siguiente código hace exactamente lo mismo que el código anterior:
<pre>&lt;BUTTON&gt;Button Text&lt;/BUTTON&gt; </pre>
Este código hace un botón con texto mayor con tipo Arial:
<pre>&lt;BUTTON&gt;&lt;FONT FACE=&quot;Arial&quot;&gt;&lt;BIG&gt;Big text&lt;/BIG&gt;&lt;/FONT&gt;&lt;/BUTTON&gt;

&lt;BUTTON&gt;&lt;FONT FACE=&quot;Arial&quot; SIZE=&quot;5&quot;&gt;&lt;B&gt;Bigger&lt;BR&gt;Bol der Text&lt;/B&gt;&lt;/FONT&gt;&lt;/BUTTON&gt; </pre>

Con colores:
<pre>&lt;BUTTON&gt;&lt;FONT COLOR=&quot;#ff0000&quot;&gt;&lt;B&gt;Look, colors!&lt;BR&gt;And line breaks!&lt;/B&gt;&lt;/FONT&gt;&lt;/BUTTON&gt; </pre>

Y que tal una imagen? Si! una imagen dentro de un botón!!

<pre>&lt;BUTTON&gt;&lt;IMG SRC=&quot;image.gif&quot;&gt;&lt;/BUTTON&gt; </pre>

ahora, una tabla, y algún texto con letra arial:

<pre>&lt;BUTTON&gt;
&lt;TABLE BORDER=&quot;1&quot;&gt;
&lt;TR&gt;
&lt;TD align=&quot;center&quot;&gt;&lt;IMG SRC=&quot;image.gif&quot;&gt;&lt;/TD&gt;
&lt;/TR&gt;&lt;TR&gt;
&lt;TD&gt;&lt;FONT FACE=&quot;Arial&quot;&gt;Get IE6!&lt;/FONT&gt;&lt;/TD&gt;
&lt;/TR&gt;
&lt;/TABLE&gt;
&lt;/BUTTON&gt; </pre>

NOTA: No se pueden incluir los siguientes elementos dentro del tag &lt;BUTTON&gt;:

+ Otro tag &lt;BUTTON&gt;
+ Tag &lt;SELECT&gt;
+ Tag &lt;INPUT&gt;
+ Tag &lt;A&gt;

fuera de eso, es muy versátil!

Interesante no?

Salu2!!

<font face=Verdana size=1 color=#336699>"Lo imposible es usualmente lo no intentado"*-José Daniel Castañeda A.[/CODE]
  #2 (permalink)  
Antiguo 29/01/2002, 16:39
Avatar de Webstudio
Colaborador
 
Fecha de Ingreso: noviembre-2001
Ubicación: 127.0.0.1
Mensajes: 3.499
Antigüedad: 16 años
Puntos: 68
Re: Tips para el tag BUTTON (excelente!)

Funciona a partir del Explorer 5 y a partir de Netscape 6, ya que el TAG BUTTON es una especificación del HTML 4.1 creo.

Saludos.


<hr><font size=2 face="verdana">- Pablo Daniel Rigazzi (Webstudio)
<font size=1 color="#333333">COORDINADOR PROYECTO REGIONALIZACION ARGENTINA
Visita <a href="http://www.web-studio.com.ar" target="_blank">Web Studio</a> - Tutoriales Photoshop</fo
  #3 (permalink)  
Antiguo 29/01/2002, 16:45
Avatar de Webstudio
Colaborador
 
Fecha de Ingreso: noviembre-2001
Ubicación: 127.0.0.1
Mensajes: 3.499
Antigüedad: 16 años
Puntos: 68
Re: Tips para el tag BUTTON (excelente!)

Corrección : Está disponible desde IE 4.0 y está especificado en HTML 4.01

Más información en : <a href='ir.asp?http://www.w3.org/TR/REC-html40/' target='_blank'>http://www.w3.org/TR/REC-html40/...</a>.

Saludos.

<hr><font size=2 face="verdana">- Pablo Daniel Rigazzi (Webstudio)
<font size=1 color="#333333">COORDINADOR PROYECTO REGIONALIZACION ARGENTINA
Visita <a href="http://www.web-studio.com.ar" target="_blank">Web Studio</a> - Tutoriales Photoshop</fo
  #4 (permalink)  
Antiguo 29/01/2002, 16:49
Avatar de oSo
oSo
 
Fecha de Ingreso: julio-2001
Mensajes: 468
Antigüedad: 16 años, 4 meses
Puntos: 1
Re: Tips para el tag BUTTON (excelente!)

hasta donde yo sé, mi estimado Ale, funciona a partir de la versión IE4, y el tag es parte de html 4. Para ser sincero, desconozco si funciona con Netscape (??)...

Solo para completar la info... los tipos de buttons pueden ser:

&lt;button name=&quot;submit&quot; value=&quot;submit&quot; type=&quot;submit&quot;&gt;Enviar Datos&lt;/button&gt;

&lt;button name=&quot;reset&quot; type=&quot;reset&quot;&gt;Borrar datos&lt;/button&gt;

Salu2

<font face=Verdana size=1 color=#336699>"Lo imposible es usualmente lo no intentado"*-José Daniel Castañeda A.[/CODE]
  #5 (permalink)  
Antiguo 29/01/2002, 16:49
 
Fecha de Ingreso: enero-2002
Mensajes: 86
Antigüedad: 15 años, 10 meses
Puntos: 0
Re: Tips para el tag BUTTON (excelente!)

gracias oso!!! un lindo momento para empezar a probar variantes con ese codigo.

Magna
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:34.