Ministerio de Viceministerio de Dirección General de Educación y Instituto de Educación Superior Tecnológico

PERU
Defensa Políticas para la Defensa Doctrina Público de las Fuerzas Armadas

HOJA DE INFORMACIÓN Nº 03
UNIDAD
Tallero de programación web CICLO: VI
DIDÁCTICA

TEMA HTML Y CSS SEMANA: 03

ELEMENTO DE PERIODO ACADÉMICO:

Diseñar una página web con HTML y CSS
CAPACIDAD 2021 - II

Formularios CSS

Estilos de campos de entrada

Use la widthpropiedad para determinar el ancho del campo de entrada:

El ejemplo anterior se aplica a todos los elementos <input>. Si solo desea diseñar
un tipo de entrada específico, puede usar selectores de atributos:

• input[type=text] - solo seleccionará campos de texto

• input[type=password] - solo seleccionará campos de contraseña
• input[type=number] - solo seleccionará campos numéricos
• etc.

Chullo Villagaray Williams ingenierowchullo@gmail.com

1
 Ministerio de Viceministerio de Dirección General de Educación y Instituto de Educación Superior Tecnológico
PERU
Defensa Políticas para la Defensa Doctrina Público de las Fuerzas Armadas

Entradas acolchadas
Use la paddingpropiedad para agregar espacio dentro del campo de texto.

Consejo: cuando tiene muchas entradas una tras otra, también puede agregar
algunas margin, para agregar más espacio fuera de ellas:

Entradas de colores
Use la background-colorpropiedad para agregar un color de fondo a la entrada y
la colorpropiedad para cambiar el color del texto:

Entradas enfocadas
Por defecto, algunos navegadores agregarán un contorno azul alrededor de la
entrada cuando se enfoca (haciendo clic). Puede eliminar este comportamiento
agregando outline: none;a la entrada.

Use el :focusselector para hacer algo con el campo de entrada cuando se enfoca:

Chullo Villagaray Williams ingenierowchullo@gmail.com

2
 Ministerio de Viceministerio de Dirección General de Educación y Instituto de Educación Superior Tecnológico
PERU
Defensa Políticas para la Defensa Doctrina Público de las Fuerzas Armadas

Bibliográfica:

Recuperado de:

https://www.w3schools.com/css/css_form.asp

Chullo Villagaray Williams ingenierowchullo@gmail.com