Cómo introducir un campo de texto en HTML

Recibir información de aquellos que ven su sitio web es una herramienta valiosa. Un sencillo formulario con campos de texto le permite pedirle su opinión y un usuario a dar su opinión. La construcción de una forma tal en HTML es una tarea que se puede completar incluso por el programador novato.

Instrucciones

1 Inicie el software de editor de HTML. Si usted no tiene un editor HTML, puede utilizar el Bloc de notas (PC) o TextEdit (Mac). Ambos vienen instalados en los sistemas operativos Windows o Apple.

2 Seleccione "Archivo" y "Abrir" en el menú de navegación del programa para abrir un documento HTML existente. Si va a crear un nuevo documento HTML, seleccione "Nuevo" en el marco del Archivo desplegable en su lugar.

3 Añadir el código de controlador de formulario oculto antes que cualquiera de los campos de texto. El código será algo similar a esto:

<Form name = "forma" action = "http://www.url.com/formhandler.cgi" method = "post">

Su servidor host o servicio forma serán capaces de proporcionar el código exacto.

4 Coloque el código siguiente campo de texto del guión controlador de formulario. El campo de texto es donde los usuarios escribir texto. Tiene varias opciones para modificar el código de campo de texto:

"Nombre" define cómo se reconoce el campo: name = "My_Form"

"Tipo" define si la forma es un texto o contraseña basada en: type = "text" (. Si se elige una contraseña, el campo se oculta el texto de entrada)

"Tamaño" define la anchura del campo: size = "2"

"MaxLength" define la cantidad máxima de caracteres que se pueden introducir en el campo: maxlength = "25"

"Valor" define qué texto se muestra en el campo de texto al cargar la página: value = "Esta es mi forma"

"ÍndiceDeTabulación" define el orden serán seleccionados los campos cuando un usuario pulsa su tecla de tabulación: tabindex = "1"

Todas o algunas de estas opciones se pueden utilizar para definir las propiedades de un campo de texto. código HTML completo campo de texto tiene el siguiente aspecto:

<Input type = "text" name = "forma" size = maxlength "20" = valor "30" = "Este es mi forma">

5 Añadir tantos campos de texto a su documento HTML como desee. Una vez que haya terminado, añadir presentar y Reset. El código es estándar:

<Input type = "submit" value = "Enviar" /> <input type = "reset" value = "Reset">

Puede cambiar "Enviar" o "Reset" para cualquier palabra de su elección.

6 Cierre el formulario con la etiqueta </ ​​form>.

7 Guardar este documento. Vista previa y probar el formulario en su navegador antes de subirlo a su servidor Web.