Login Seiten sind ein normaler Bestandteil des Web. In diesem Tutorial lernen Sie, wie Sie die HTML-Tags notwendig, den Benutzernamen Eingabefeld das Passwort -Eingabefeld und die Submit-Button erstellen erstellen. Ich werde auch zeigen Ihnen , wie Sie Ihre HTML-Formular , indem Sie es in eine Tabelle mit zwei Spalten breit ist durch drei Reihen hoch zu organisieren. Things You
Text -Editor wie Quelle bearbeiten
Dokument -Upload -Software wie FileZilla Server
Raum, "server -side" -Anwendungen, wie z. B. Log - in -Funktionen unterstützt brauchen .
Anzeigen Weitere Anweisungen
Dokument Steps
1

erstellen der HTML DocumentAll HTML-Dokumente haben , um den Anforderungen , die folgenden Tags werden : • < 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 = " en " lang = " en " > • Der Anfang tag • Die Tags & # x2022 ; der End-Tag • Der Anfang tag und End-Tag • und schließlich die Ende tag.Make sicher, dass Sie geben die nach zwischen dem Beginn tag: • Meine Anmelden PageSave die Datei als login.html und laden Sie sie auf Ihrem Webserver. Sie sollten eine leere weiße Seite zu sehen und am oberen blauen Rand des Browsers sollte es lesen, " Mein Login Seite " . EXPLANATIONThe doctype erklärt , dass Sie mit XHTML , dem neuen Standard des World Wide Web , wie erklärt die W3Schools , die Autoren HTML.The tag hat mehrere Attribute im Tag , die erste ist xmlns , die für Extensive Markup Language Namensraum , der die Strukturierung Regeln Sie following.The gründet steht -Tags enthalten alle Informationen über das Dokument , in diesem Fall die , welche in der oberen blauen Band an der Spitze Ihres Internet browser.The enthält alle Informationen, auf der Seite , dass er Endbenutzer wird see.Finally , die End-Tag der HTML-Seite abgeschlossen ist.
2

Das Formular TagsNow , dass Sie das HTML-Dokument erstellt haben, müssen Sie erstellen Sie die Login-Formular die folgende itself.Type nach Beginn und vor dem Ende tag:

EXPLANATIONThe form-Tag erklärt an den Browser dass die Tags zwischen dem Beginn

und der Endung

-Tag werden die Erhebung eine Art von Benutzereingaben, ob es eine Checkbox oder ein Textfeld , oder eine Taste , oder eine andere Art von interaktiven Artikel ist .
3

Schließen Sie die folgende FormType nach Beginn

Tag und vor der Beendigung

tags: Benutzername:
Passwort:
Speichern Sie die Datei und laden Sie sie auf Ihren Web Server. Wenn Sie die Seite betrachten , sollten Sie ein Login-Formular, wie in der picture.EXPLANATIONThe gezeigt -Tags aufgerufen werden fett Tags. Sie verändern die Art Stil des Textes zwischen ihnen bold.The Tag erzeugt ein Textfeld ( angegeben durch das Attribut type = " text") das ist 40 Zeichen lang sein (angezeigt durch den size = " 40 "-Attribut ) und heißt "username" (angedeutet durch den name = "username" -Attribut) . Der Name ist für, wenn Sie verarbeiten den Inhalt der Form, die noch nicht in diesem tutorial.The
abgedeckt Tag erzeugt einen Zeilenumbruch , gerade , als hätten Sie "Return" oder "Enter " in eine wichtige eingegeben Text document.The zweiten Eingang tag , genannt "password ", sieht identisch mit dem Feld "username" , mit der Ausnahme, dass es einen anderen Wert für die "name" attribute.The letzten Tag hat , , schafft eine Eingabe -Taste , die der Benutzer klicken Sie auf , um Daten in das Formular - Verarbeitung Software vorzulegen. das " input type "-Attribut erzeugt die Schaltfläche , schreibt das "value "-Attribut der Text auf der Taste und die "name" -Attribut identifiziert die Schaltfläche für die Form - Processing Software .
4

erstellen der TableType das

Anfang tag nach dem Anfang tag . drücken Sie" Enter " , damit es auf seine eigene Linie ist . drücken Sie die" Enter "-Taste erneut , und geben Sie die Anfang tag.Type das End-Tag nach dem -Endtag die Benutzername folgt : . . die neue Linie wird wie folgt aussehen: Geben Sie den Anfang drücken Sie die Eingabetaste und geben Sie den Ende tag.Type der Anfang tag und Hit enter.Surround die nächste Zeile , wie Sie vorher mit den Paaren von -Tags wie unten gezeigt, und achten Sie auf die
Tag löschen: ; . < /td> < /tr> drücken Sie die Eingabetaste und geben Sie einen neuen Anfang tag geben Sie den folgenden Anfang End-Tag nach dem tag . Hit geben und geben Sie den End-Tag . Hit erneut eingeben , und geben Sie die < /table >-Tag , als zeigen in der diagram.EXPLANATIONAn HTML-Tabelle ist eine sehr einfache Möglichkeit , um eine Form zu strukturieren. um eine Tabelle zu erstellen , müssen Sie zuerst die

Anfang tag vor dem < b> Benutzername: -Sequenz Geben Sie den	Benutzername :	tag vor der -Tag und die < ;/td> -Tag am Ende löschen die tag.The neue Linie wird wie folgt aussehen: .
tat	Passwort:
tag mit dem folgenden Attribut vor der tag:	Typ der

Tags. Innerhalb der Tags sind oder Tabellenzeile Tags, die die Zeilen der Tabelle zu erstellen , und Tabellen-Daten -Tags, die die einzelnen Zellen des erstellen Tisch. die Spalten der Tabelle werden durch die Anzahl der bestimmt -Tags, die zwischen den einzelnen sind -Tag . Jede Zeile benötigt mindestens 1 Satz tags.In der letzte tag Anfang setzen wir ein Attribut in der Tag , der dem Tag einen besonderen Unterricht. in diesem Fall werden die colspan Attribut besagt, dass die Zelle , von der erstellt ; -Tag ist bis 2 Spalten zu besetzen, weil wir es gleich 2 gesetzt
5

Speichern und laden Sie Ihre Datei sollten Sie eine leichte Veränderung , dass die Textfelder sollten bemerkt haben. . perfekt zueinander ausgerichtet werden, wie in der Abbildung dargestellt.