-
Cómo hacer un campo más largo en HTML
-
HTML es un lenguaje de marcas que le permite codificar documentos para la Web. Una de las cosas que se pueden agregar a una página web es una forma. formularios web consisten en campos de texto, casillas de selección, botones de radio, casillas de verificación y botones, la mayor parte de los cuales puede estilo en CSS (Cascading Style Sheets). Los campos de texto o cuadros de entrada son más fácil de peinar que otros elementos de formulario, y se puede ajustar su anchura estableciendo la propiedad "ancho" en el CSS.
Instrucciones
1 Abra la página Web en el Bloc de notas o un editor de código y encontrar las etiquetas de entrada para sus campos:
<Input type = "text" name = "myfield" id = "myfield" />
El tipo de entrada suele ser "texto", aunque algunas formas también utilizan "nombre" o "e-mail". Recibe el nombre de identificación para el campo.
2 Abra el archivo de hoja de estilos CSS para su página Web o encontrar un par de "<style>" etiquetas "dentro de los <head>" etiquetas de la página web. Si su página Web tiene ninguna de estas cosas, añadir "<style>" etiquetas:
<Style type = "text / css">
</ Style>3 Crear una regla de estilo que se dirige al campo de entrada por su nombre ID:
<Style type = "text / css">
Mi campo {
}
</ Style>Si su sitio web ya tiene el código CSS, añade esta en la parte inferior de la CSS.
4 Ajuste el ancho estableciendo la propiedad "ancho" a un valor de píxel:
<Style type = "text / css">
Mi campo {
width: 400px;
}
</ Style>Consejos y advertencias
- Para dirigirse a todos los campos de entrada de texto, reemplazar "#myfield" con esto: entrada [type = "text"]
- Copia de seguridad de sus archivos de páginas Web antes de editarlos en caso de que cometa un error. A veces, después de muchas ediciones, será difícil de localizar errores.