Tecnología

Inicio

Tutorial HTML Password

El lenguaje HTML proporciona para las contraseñas en forma de una estructura. Los formularios de datos son una forma de enviar información a través de una página web y la Internet. Las formas son populares en muchos lenguajes de programación y formatos. Usando la etiqueta HTML correcta disfraza los detalles de la contraseña y los demás no pueden leer la pantalla. Con una comprensión de procesamiento de formularios y el protocolo de manejo adecuado, se dará cuenta de que el establecimiento de un campo de contraseña es un proceso sencillo.

Instrucciones

1 Abra un editor HTML en su ordenador. Puede utilizar un editor diseñado para la creación de páginas web, como Dreamweaver o un editor de texto estándar, como el Bloc de notas.

2 Cree su forma y situar la forma de la sección del cuerpo del código. Formas siempre comienzan con la etiqueta <form>.

3 Escribir el texto que desea que aparezca en la pantalla cerca de la caja de texto de la contraseña. Esto es lo que el usuario verá cuando se mira en el formulario. Esta línea de texto es la etiqueta para el cuadro de texto. Por ejemplo, podría escribir algo como esto:

Introducir la contraseña:

4 Añadir las instrucciones HTML para el cuadro de texto de la contraseña. El cuadro de texto es la región el usuario coloque el puntero en el que escriba la contraseña. La etiqueta de un cuadro de texto de entrada es <input.

5 Crear una instrucción después de la etiqueta de entrada para informar al navegador que el cuadro de texto contendrá una contraseña. Para ello, se introduce tipo = "contraseña". Su código debe tener este aspecto:

<Input type = "contraseña"

6 Introduzca el tamaño del cuadro de texto. Esto será en relación con el número de caracteres que se permiten para el cuadro de texto. Por ejemplo, si las contraseñas están limitados a 8 caracteres, es posible establecer el tamaño a 10. El campo de texto será más larga que la contraseña y se verá menos torpe.

<Input type = tamaño de la "contraseña" = "10">

7 Determinar qué otras características que desea para su campo de contraseña. Las opciones incluyen la alineación, índice de tabulación, maxlength, nombre y valor. Estas son las opciones estándar para cualquier cuadro de texto en HTML.

Maxlength define los caracteres máximos permitidos para la contraseña. En el ejemplo actual, ese límite es 8.

<Input type = tamaño de la "contraseña" = "10" maxlength = "8">

Nombre establece un nombre interno para el campo por lo que el controlador de formulario puede identificar el cuadro de texto.

<Input type = tamaño de la "contraseña" = "10" maxlength = nombre de "8" = "contraseña">

Tabindex define el orden en el que la tecla Tab en el teclado del usuario se mueve de una casilla a otra. Por ejemplo, si el formulario tiene tres campos, y la contraseña en el tercero en la línea, tabindex le dará instrucciones al navegador para mover a este cuadro de la tercera vez que se pulsa la tecla Tab.

<Input type = tamaño de la "contraseña" = "10" maxlength = "8" name = "contraseña" tabindex = "3">

El valor es la cadena de caracteres que aparece en el cuadro de texto antes de la intervención del usuario. Es el valor por defecto de la contraseña. Es probable que no utilice esta opción para un campo de contraseña.

Si es necesario, se puede establecer una alineación para el cuadro de texto. Alinear determina dónde aparecerá el cuadro de texto en la pantalla, como el borde izquierdo o derecho del formulario.

<Input type = tamaño de la "contraseña" = "10" maxlength = "8" name = "contraseña" tabindex = "3" align = "left">

Su scripting última página con el cuadro de texto contraseña debe ser similar a esto:

<Html>
<Head>
<Title> Mi página </ title>
</ Head>
<Body>
<Form name = acción "myform" = "http://www.mydomain.com/myformhandler.cgi" method = "POST">
<Div align = "center">
Introducir la contraseña: <input type = tamaño de la "contraseña" = "10" maxlength = "8" name = "contraseña" tabindex = "3" align = "left">
</ Div>
</ Form>
</ Body>
</ Html>