Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/01/2002, 12:10
Avatar de oSo
oSo
 
Fecha de Ingreso: julio-2001
Mensajes: 468
Antigüedad: 22 años, 9 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]