Tecnología

Inicio

Cómo cambiar la apariencia de la entrada de texto HTML

Cómo cambiar la apariencia de la entrada de texto HTML


La etiqueta de Cascading Style Sheets (CSS) "estilo" se puede utilizar dentro de un documento HTML para cambiar la apariencia de un cuadro de texto. El cuadro de texto es parte de un formulario y se crea con la etiqueta HTML "<INPUT>". Puede cambiar el color de cuadro de texto de fondo, color de texto, la fuente del texto o incluso el tamaño del texto. Esto dará a su forma un aspecto más interesante que una simple blanco y negro. Si usted va a añadir color a tanto el fondo y el texto, el uso de colores contrastantes para una máxima visibilidad.

Instrucciones

1 Abra el documento html en cualquier editor de texto, como el Bloc de notas de Windows.

2 Busque el "<input type =" text ">" etiqueta para el cuadro de texto que desea cambiar la apariencia de.

3 Agregue el código siguiente después de la parte "texto" de la etiqueta:

Style = "color: # 00FF00; font-family: Los tiempos; font-size: 12px; background-color: # FF0000;"

Esto creará un cuadro de texto con un fondo rojo. El texto escrito será de color verde, en el tipo de letra "Times" y doce píxeles de tamaño. Puede cambiar los atributos para adaptarse a su sitio web. La etiqueta entera se verá así: <input type = "text" style = "color: # 00FF00; font-family: Los tiempos; font-size: 12px; background-color: # FF0000;" size = "10" maxlength = "30">

4 Guarde y cierre el archivo.

5 Probar los cambios, abra el archivo en cualquier navegador web.