Tutorial HTML Password

March 25

Il linguaggio HTML fornisce per le password in una struttura modulo. forme di dati sono un modo per inviare le informazioni attraverso una pagina web e di Internet. I moduli sono popolari in molte lingue e formati informatici. Utilizzando il tag HTML corretto nasconde i dettagli per la password e impedisce ad altri di leggere lo schermo. Con la comprensione di elaborazione dei moduli e proprio protocollo di gestione, vi accorgerete che la creazione di un campo password è un processo semplice.

istruzione

1 Aprire un editor HTML sul computer. È possibile utilizzare un editor progettato per la creazione di pagine Web, come Dreamweaver o un editor di testo standard, come ad esempio il blocco note.

2 Crea il tuo modulo e situare il modulo nella sezione corpo del codice. Forme iniziano sempre con il tag <form>.

3 Digitare il testo che si desidera visualizzare sullo schermo vicino alla casella di testo password. Questo è ciò che l'utente vedrà quando guardando il modulo. Questa linea di testo è l'etichetta per la casella di testo. Per esempio, è possibile digitare qualcosa di simile a questo:

Inserire la password:

4 Aggiungere le istruzioni HTML per la casella di testo password. La casella di testo è la regione l'utente posiziona il puntatore per digitare la password. Il tag per una casella di testo di input è <input.

5 Creare un'istruzione dopo il tag di ingresso di informare il browser che la casella di testo conterrà una password. Per fare questo, si entra type = "password". Il codice dovrebbe essere simile a questa:

<Input type = "password"

6 Inserire la dimensione della casella di testo. Questo sarà in relazione al numero di caratteri che permettono per la vostra casella di testo. Ad esempio, se le password sono limitati a 8 caratteri, è possibile impostare la dimensione a 10. Il campo di testo sarà più lungo della password e sarà meno imbarazzante.

<Input type = "password" size = "10">

7 Determinare quali altre caratteristiche desiderate per il vostro campo della password. Le opzioni includono l'allineamento, tabindex, maxlength, nome e il valore. Queste sono le opzioni standard per qualsiasi casella di testo in HTML.

Maxlength definisce i caratteri massimi consentiti per la password. Nell'esempio attuale, tale limite è 8.

<Input type = "password" size = maxlength "10" = "8">

Nome imposta un nome interno al campo in modo che il gestore di moduli in grado di identificare la casella di testo.

<Input type = "password" size = maxlength "10" = "8" name = "password">

Tabindex definisce l'ordine in cui il tasto Tab sulle mosse utente tastiera da casella a casella. Ad esempio, se il modulo ha tre campi, e la password nel terzo in linea, tabindex istruirà il browser per passare in questa sezione la terza volta che si preme il tasto Tab.

<Input type = "password" size = maxlength "10" = "8" name = tabindex "password" = "3">

Il valore è la stringa di caratteri che compare nella casella di testo prima di qualsiasi input dell'utente. E 'il valore di default della password. Probabilmente non utilizzare questa opzione per un campo password.

Se necessario, è possibile stabilire un allineamento per la casella di testo. Allinea determina dove apparirà la casella di testo sullo schermo, come ad esempio il bordo sinistro o destro del modulo.

<Input type = "password" size = maxlength "10" = "8" name = tabindex "password" = "3" align = "left">

Il tuo scripting pagina finale con la casella di testo password dovrebbe essere simile a questo:

<Html>
<Head>
<Title> La mia pagina </ title>
</ Head>
<Body>
<Form name = azione "myform" = "http://www.mydomain.com/myformhandler.cgi" method = "POST">
<Div align = "center">
Inserisci la password: <input type = "password" size = maxlength "10" = "8" name = tabindex "password" = "3" align = "left">
</ Div>
</ Form>
</ Body>
</ Html>