Vorwort
Warum in Kapiteln schreiben? Da es viele Wissenspunkte abdeckt, versuche ich mein Bestes, es im Detail vorzustellen, um mich um Menschen mit schlechten Grundlagen zu kümmern, um die Vergangenheit Revue passieren zu lassen und Neues zu lernen.
Am Anfang hatte ich eigentlich vor, es in einem Artikel zu Ende zu bringen. Als ich es fertig hatte, wurde mir klar, dass es schon ein ziemlich langer Artikel war. Viele Leute, wie ich, hatten schon Angst, als sie so viel Inhalt sahen Da ich den gesamten Inhalt verstehe, habe ich beschlossen, ihn zu trennen und den Lesern bei Bedarf Bescheid zu geben.
Warum gibt es ein Kapitel Null? Da es zu einfach ist, können die meisten Leute es ignorieren. Es ist nur für eine kleine Anzahl von Anfängern und Leuten mit schlechtem Gedächtnis geeignet. Wenn Sie denken, dass Sie es können, überspringen Sie es einfach.
Lassen Sie uns zunächst sagen, dass geschäftliches Hochladen für mich schon immer eine beängstigende Sache war und ich relativ wenig damit in Berührung gekommen bin, da es vorher keine Standards gab. Um einen Upload zu erreichen, musste ich alle möglichen ekelhaften Kompatibilitätscodes schreiben , und Plug-Ins sind oft anfällig für Fehler und ich habe keine Möglichkeit, sie zu ändern. Bis heute müssen sich echte Krieger immer mit der blutigen Realität auseinandersetzen, deshalb habe ich hier speziell einen Alphabetisierungsbeitrag geöffnet, um etwas Wissen über das Hochladen zu studieren und zusammenzufassen Ich werde Sie durch einige APIs führen, die ich verwenden muss.
Null, Grundlagen (Wissenspunkte stammen hauptsächlich von w3school) (Wer bereits damit vertraut ist, kann dieses Kapitel einfach überspringen)
<form action= method= ></form>
Tags werden verwendet, um HTML-Formulare für Benutzereingaben zu erstellen. Formulare können Eingabeelemente wie Textfelder, Kontrollkästchen, Optionsfelder, Senden-Schaltflächen usw. enthalten. Formulare können auch Menü-, Textbereichs-, Feldsatz-, Legenden- und Beschriftungselemente enthalten. Formulare dienen der Übermittlung von Daten an den Server.
| Feld | beschreiben |
|---|---|
| Name | Gibt den Namen des Formulars an |
| Aktion | Gibt an, wohin Formulardaten gesendet werden sollen, wenn das Formular gesendet wird |
| enctype | (ein/aus) gibt an, wie Formulardaten vor dem Senden kodiert werden |
| Verfahren | (get/post) Gibt die HTTP-Methode an, die zum Senden von Formulardaten verwendet wird |
| Novalidat | Wenn dieses Attribut verwendet wird, wird beim Absenden des Formulars keine Validierung durchgeführt. (HTML5-Attribut) |
| onsubmit | Das onsubmit-Attribut des Form-Objekts gibt eine Event-Handler-Funktion an. Diese Ereignishandlerfunktion wird aufgerufen, wenn der Benutzer im Formular auf die Schaltfläche „Senden“ klickt, um ein Formular abzusenden. Beachten Sie, dass diese Handlerfunktion nicht aufgerufen wird, wenn die Methode Form.submit() aufgerufen wird. Wenn der Onsubmit-Handler fasle zurückgibt, werden die Formularelemente nicht übermittelt. Wenn die Funktion einen anderen Wert oder nichts zurückgibt, wird das Formular gesendet |
Für Einzelheiten klicken Sie bitte auf das Info-Formular
Etikett
<label for=male>Männlich</label><input type=radio name=sex id=männlich /><label for=girl>Mädchen</label><input type=radio name=sex id=girl />
Das Label-Element bietet dem Benutzer keine besonderen Effekte. Es verbessert jedoch die Benutzerfreundlichkeit für Mausbenutzer. Dieses Steuerelement wird ausgelöst, wenn Sie auf den Text innerhalb des Beschriftungselements klicken. Das heißt, wenn der Benutzer die Beschriftung auswählt, richtet der Browser den Fokus automatisch auf das Formularsteuerelement, das sich auf die Beschriftung bezieht. Das for-Attribut des Tags sollte mit dem id-Attribut des zugehörigen Elements identisch sein.
| Feld | beschreiben |
|---|---|
| für | Gibt an, an welches Formularelement die Beschriftung gebunden ist |
| bilden | Gibt ein oder mehrere Formulare an, zu denen das Beschriftungsfeld gehört |
Für Einzelheiten klicken Sie bitte auf das Label „Über“.
Eingang
<Eingabetyp=Textname=fname/><Eingabetyp=Passwortname=Passwort><Eingabetyp=Kontrollkästchenname=Fahrrad><Eingabetyp=Kontrollkästchenname=Auto><Eingabetyp=Radio überprüft=überprüft Name=Geschlechtswert= male/><input type=radio name=Sex value=female/><select name=cars> <option value=volvo>Volvo</option> <option value=saab>Saab</option> <option value=fiat>Fiat</option> <option value=audi>Audi</option></select><textarea rows=10 cols=30>
Tags werden zum Sammeln von Benutzerinformationen verwendet. Eingabefelder haben abhängig vom Wert des Typattributs viele Formen. Eingabefelder können Textfelder, Kontrollkästchen, codierte Textsteuerelemente, Optionsfelder, Schaltflächen usw. sein.
Für Details klicken Sie bitte auf Eingabe
<Eingabetyp=Wert senden=Senden>
Das Submit-Objekt stellt eine Submit-Schaltfläche in einem HTML-Formular dar. Bevor das Formular gesendet wird, wird der Onclick-Ereignishandler ausgelöst, und ein Handler kann die Formularübermittlung abbrechen, indem er fasle zurückgibt.
Senden: Formulardaten an den Webserver senden. Diese Methode sendet das Formular auf die gleiche Weise, als ob der Benutzer auf die Schaltfläche „Senden“ geklickt hätte, der Onsubmit-Ereignishandler des Formulars wird jedoch nicht aufgerufen.
Für Einzelheiten klicken Sie bitte auf „Senden“.
<button type=button>Klick mich!</button>
Innerhalb des Schaltflächenelements können Sie Inhalte wie Text oder Bilder platzieren. Dies ist der Unterschied zwischen diesem Element und Schaltflächen, die mit dem Eingabeelement erstellt wurden.
Im Vergleich zu <input type=button> bietet das <button>-Steuerelement leistungsfähigere Funktionen und umfangreichere Inhalte. Alles zwischen den Tags ist der Inhalt der Schaltfläche, einschließlich aller akzeptablen Hauptinhalte wie Text oder Multimedia-Inhalte. Beispielsweise können wir ein Bild und zugehörigen Text in eine Schaltfläche einfügen und diese verwenden, um ein attraktives Markup-Bild in der Schaltfläche zu erstellen.
Das einzige verbotene Element ist die Imagemap, da ihre maus- und tastaturgesteuerten Aktionen das Verhalten der Formularschaltflächen beeinträchtigen.
Geben Sie für Schaltflächen immer das Typattribut an. Der Standardtyp im Internet Explorer ist „Schaltfläche“, während der Standardtyp in anderen Browsern (einschließlich der W3C-Spezifikation) „Senden“ ist.
(Wichtig: Wenn Sie das Schaltflächenelement in einem HTML-Formular verwenden, übermitteln verschiedene Browser unterschiedliche Werte. Internet Explorer übermittelt den Text zwischen <button> und <button/>, während andere Browser den Inhalt des Wertattributs übermitteln. Bitte Verwenden Sie Eingabeelemente in HTML-Formularen, um Schaltflächen zu erstellen.)
| Feld | beschreiben |
|---|---|
| Name | Gibt den Namen der Schaltfläche an |
| deaktiviert | Gibt an, dass die Schaltfläche deaktiviert werden soll |
Für Einzelheiten klicken Sie bitte auf die Schaltfläche „Info“.