Hur man skapar en HTML Login Page

Logga in sidorna används på webbplatser som inledande skärmbilder för att få tillgång till konfidentiell information . Logga in sidorna kräva minst ett användarnamn och lösenord . Ibland är det tillåtet att välja ett alternativ för att spara dina inloggningsuppgifter för framtida bruk , men det är bäst att inte rekommenderat att göra detta om du är på en privat dator . För webbutvecklare , är det ganska enkelt att skapa HTML för en inloggningssida . Det verkliga arbetet ligger på back- end för att kontrollera de inloggningsuppgifter . Denna guide hjälper dig att skapa en HTML- log - in sida för din webbplats behov . Saker du behöver
Textredigerare
Visa fler instruktioner
1

Öppna en textredigerare och skapa en HTML -fil . Dreamweaver är det mest populära programmet för att använda för webbutveckling , men du kan också använda gratis program , t.ex. Textredigerare ( på Mac ) eller Anteckningar ( på Windows ) .
2

Skapa ett HTML-formulär . Mellan och < /body > taggarna måste du skriva in

, dessa är HTML- formulär taggar . I början formuläret taggen , behöver du en åtgärd , metod , och enctype ( kryptering typ ) . För action typ i där formen kommer att behandla , kommer metoden värdet vara " få " eller "post " , är den normala enctype " multipart /form-data ", men du kan också använda " text /plain ". Den " text /plain " värde innebär ingen formatering som lämnas . Din sista start formuläret taggen ser ut ungefär så här :

Ersätt " /bin /process.php " med platsen för den fil som ska bearbeta inloggningssidan uppgifterna .
3

Skapa ett användarnamn etikett och användarnamn fält . Label taggar har beskrivande text som talar om vad fältet är nästa . På nästa linjekod en ingång tagg med typ lika med " a" för en användare att skriva in data. Följ exemplet nedan :

Användarnamn : < /label >
4

Skapa ett lösenord etikett och lösenord. Användarna kommer inte att se sitt lösenord när de skriver i lösenordsfältet , bara asterisker . Detta för att skydda användarens information . Följ exemplet nedan :

Lösenord : < /label >
5

Skapa lämna knappen. Det finns två sätt att skapa en HTML- submit -knappen . Den första är en input -tagg med en submit typ som ser ut så här :

Placera den text du vill att knappen ska säga inuti värdeattributet enligt bilden ovan . Det andra sättet att skapa en submit -knapp är en ingång etikett med en bild typ som ser ut så här :

< input type = " image " src = " /images /submit.jpg " height = " 50 " width = " 50 " />

Detta gör en bild en skicka-knapp istället för en vanlig HTML- knappen . Ersätt " /images /submit.jpg " med placeringen av bilden du vill att folk ska klicka när du skickar in formuläret . Det är allmän praxis att ha en av de två typerna av input -taggar för att lämna in en blankett , men inte båda .
6

Granska din kod . Din log - in sidan när du är klar bör se ut ungefär så här :

< form action = " /bin /process.php " method = "post " enctype = " multipart /form-data " > Användarnamn : < /label > Lösenord : < /label > < input type = " lösenord " value = " " /> < /body> < /html >

Spara din kod som en . html -fil när du är klar .

Tidigare: Hur man läser en textfil från en klient Använda PHP

nästa: Hur man kör en PHP -fil utan en PHP-tillägg

relaterade artiklar

·	Query String autentisering i PHP
·	Hur man skapar PHP -filer med sidhuvuden
·	SQL Programmering Certifiering
·	Hur man tar bort en Byte Character i PHP
·	Hur olika färger i en PHP String
·	Hur att sanera Data för XSS PHP
·	Konfigurera en Apache -server för PHP
·	Hur man drar i PHP
·	Hur man avgör en filtyp i PHP
·	Hur får man in serverns datum och tid till Countdown A…

Utvalda artiklarna

·	Aktivera Windows Virtual Machine
·	Hur man bygger en meny i Android
·	Hur man bygger en Developer Network
·	Hur konvertera ett Java Integer till Bytes
·	Hur man beräknar Normal OpenGL
·	Lägga till strängar i Javascript
·	Hur man bygger en PHP Web Site
·	Så se anropsstacken i GDB
·	Hur man kolla om en fil existerar och sedan ta bort det…
·	Hur du korrigerar Skriptfel