Login sider er en normal del af internettet. I denne tutorial, vil du lære at skabe de HTML-tags , der er nødvendige for at skabe det brugernavn indtastningsfeltet , adgangskoden indtastningsfeltet , og send-knappen . Jeg vil også vise dig , hvordan du organiserer din HTML form ved at placere det i en tabel, der er to kolonner bred af tre rækker høj. Ting du skal
teksteditor som Source Edit
Document uploading software såsom FileZilla
Server plads, der understøtter " server-side " applikationer, såsom login- funktioner.
Vis flere Instruktioner
Document Steps
1

Opret hTML DocumentAll hTML-dokumenter vil have , for at være i overensstemmelse , følgende koder : • < DOCTYPE html PUBLIC "- //W3C //DTD XHTML 1.0 Transitional //EN "" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> • < html xmlns = " http://www.w3.org/1999/xhtml " xml : lang = " da " lang = " da "> • begynder tag • tags & # x2022 ; det slutkode • den start -tag og slutkode • og endelig, < /html > ende tag.Make sikker på at du skrive efter mellem begyndelsen tag: • Min Login PageSave filen som login.html og uploade den til din webserver . Du bør se en tom hvid side og langs den øverste blå kant af browseren skal læse, "My Login Side". EXPLANATIONThe doctype erklærer, at du bruger XHTML, den nye standard for World Wide Web, som angivet af W3Schools , forfatterne af HTML.The tag har adskillige egenskaber inde i tag , hvoraf den første er xmlns , som står for Omfattende Markup Language Name rum, som fastlægger de strukturerende regler, du er following.The tags indeholder alle de oplysninger om dokumentet , i dette tilfælde , som vises på den øverste blå bånd i toppen af ​​din internet browser.The indeholder alle de oplysninger på den side, han slutbrugeren vil see.Finally den < /html > slutkode fuldender HTML-side.
2

Form TagsNow at du har oprettet HTML-dokumentet , skal du oprette loginformularen itself.Type følgende efter begyndelsen og før slutter tag :

< /form> EXPLANATIONThe formular tag erklærer til browseren at tags mellem begyndelsen og slutter < /form> tag vil være at indsamle en form for bruger-input, uanset om det er et afkrydsningsfelt eller en tekstboks eller en knap , eller en anden form for interaktiv post .
3

Fuldfør FormType følgende efter begyndelsen tag, og inden de slutter < /form> tags : Brugernavn:
Password: < input type = " text "name = " password " size = " 40 " />
Gem filen og upload den til din web serveren . Når du får vist siden, bør du se en login-formular , som vist i picture.EXPLANATIONThe tags kaldes fed tags. De ændrer typen stil tekst mellem dem for at bold.The tag skaber en tekstboks ( angivet ved attributten type = " text" ) der er 40 tegn lang (angivet med size = "40" attribut ), og kaldes " brugernavn" (angivet med name = " brugernavn" attribut ) . Navnet er vigtigt , når du behandler indholdet af formularen , som ikke er dækket i denne tutorial.The
tag skaber et linjeskift , ligesom hvis du havde indtastet "Return " eller " Enter 'i en tekst document.The anden indgang tag, hedder "password ", ser identisk med " brugernavn" området med den undtagelse, at det har en anden værdi for "navn" attribute.The endelige tag, < input type = "send" value = " Login" name = "send" /> skaber en input knap, som brugeren vil klikke på for at sende data til formularen -processing software. den " input type" attribut skaber på knappen, "værdi" attribut skriver teksten på knappen , og " name" attributten identificerer knappen for formularen -processing software.
4

Opret TableType den

begynder tag efter < formularen action = " # "> begyndelsen tag . Hit " enter ", så det er på sin egen linje. Klik på" enter " tasten igen og skrive begyndelsen tag.Type den slutkode efter slutkode , der følger Brugernavn: . . den nye linje vil se sådan ud: Indtast hit på Enter-tasten og skriv ende tag.Type begyndelsen tag og ramte enter.Surround den næste linje , som du gjorde før med par af tags, som vist nedenfor , og sørg for at slette
tag: < /tr> Hit enter-tasten og skrive et nyt begyndelse tag Skriv følgende begyndende slutkode efter tag . Hit ind og skriv slutkode . Hit ind igen, og skriv < /table> tag, som vist i diagram.EXPLANATIONAn HTML-tabel er en meget nem måde at strukturere en formular. at oprette en tabel , skal du først at

begynder tag foran < b> Brugernavn: sekvens Indtast	Brugernavn:	begynder tag foran tag, og < ;/td> tag i slutningen Slet tag.The nye linje vil se sådan ud: .	< input type = "text " name = " brugernavn" size = "40" />
Password:	; .
tag med følgende attribut før tag:	Indtast

tags. Inden tags er