Log-in pages sont utilisés dans les sites Web que les écrans initiaux pour avoir accès à des informations confidentielles . Log-in pages nécessitera au minimum un identifiant et un mot de passe. Parfois, vous êtes autorisé à sélectionner une option pour enregistrer votre informations de connexion pour une utilisation future , mais il est préférable de ne pas recommandé de le faire , sauf si vous êtes sur un ordinateur privé. Pour les développeurs Web , il est assez simple de créer le code HTML d'une page de connexion . Le vrai travail est sur le back-end pour vérifier les identifiants de connexion . Ce guide vous aidera à créer un log-in HTML page pour vos besoins de site Web. Choses que vous devez
texte éditeur
Voir Plus Instructions
1

Ouvrez un éditeur de texte et créer un fichier HTML. Dreamweaver est le programme le plus populaire à utiliser pour le développement Web , mais vous pouvez également utiliser des programmes gratuits , comme TextEdit ( sur Mac) ou Notepad ( sous Windows).
2

Créer un formulaire HTML. Entre le body et vous devrez taper form , ce sont des balises de formulaire HTML . Dans la balise form départ , vous aurez besoin d' une action , la méthode et enctype (type de cryptage ) . Pour le type d'action où la forme traitera , la valeur de la méthode sera "get" ou "post" , le enctype normale est "multipart /form-data ", mais vous pouvez également utiliser "text /plain ". La valeur " text /plain " ne comporte aucune mise en forme lorsqu'il est soumis . Votre balise form départ de la finale ressemblera à quelque chose comme ceci:

< p> Remplacer " /bin /process.php " avec l'emplacement du fichier qui va traiter les données de la page de connexion.
3

créer une étiquette de nom d'utilisateur et le champ de nom d'utilisateur. Balises d'étiquettes ont un texte descriptif pour indiquer dans quel domaine se situe à côté . Sur la ligne de code suivante une balise input de type égal à " texte" pour un utilisateur de saisir des données . Suivez l'exemple ci-dessous:

Nom d'utilisateur:
4

Créer un mot de passe étiquette et le champ de mot de passe. Les utilisateurs ne verront pas leur mot de passe lorsqu'ils tapent dans le champ Mot de passe , seuls des astérisques. C'est pour protéger les informations de l'utilisateur. Suivez l'exemple ci-dessous:

Mot de passe:
5

Créer un soumettre bouton . Il ya deux façons de créer un bouton submit HTML . La première est une balise input avec un type submit qui ressemble à ceci:

placer le texte que vous souhaitez que le bouton -à-dire à l'intérieur de l'attribut value comme illustré ci-dessus. La deuxième façon de créer un bouton submit est une balise input avec un type d'image qui ressemble à ceci:

Cela rend une image sur un bouton au lieu d'un bouton typique HTML soumettre . Remplacer " /images /submit.jpg " avec l'emplacement de l'image que vous voulez que les gens à cliquer lors de la soumission du formulaire. Il est de pratique générale d'avoir l'un des deux types de balises d'entrée à soumettre un formulaire, mais pas les deux .
6

Révisez votre code. Votre page de connexion lorsque vous avez terminé devrait ressembler à ceci :

Nom d'utilisateur: Mot de passe: < /form> < /body> < /html> Photos

Enregistrer votre code comme un fichier html . lorsque vous avez terminé .

Article précédent： Comment lire un fichier texte à partir d'un client utilisant PHP
Article suivant： Comment exécuter un fichier PHP Sans une extension PHP