HTML-Interaktion

Der Inhalt dieses Artikels befasst sich mit der Interaktion von HTML, die einen gewissen Referenzwert hat. Jetzt können Freunde in Not darauf verweisen.

Wie interagiert die Website mit Benutzern? ? Die Antwort ist die Verwendung von HTML-Formularen. Das Formular kann die vom Betrachter eingegebenen Daten an den Server übertragen, sodass das serverseitige Programm die vom Formular übergebenen Daten verarbeiten kann. d7534d02403f614ad039b12d3a33b1b2


1).ff9c23ada1bcecdd1a0fb5d5a0f18437: ff9c23ada1bcecdd1a0fb5d5a0f18437-Tags erscheinen paarweise und enden mit ff9c23ada1bcecdd1a0fb5d5a0f18437 mit f5a47148e367a6035fd7a2faa965022e.


2).Aktion: Der Ort, an den die vom Betrachter eingegebenen Daten gesendet werden, z. B. eine PHP-Seite (save.php).


3).method: Die Methode der Datenübertragung (get/post).


Beispiel: method="post" action="save.php"




2. Wenn der Benutzer Buchstaben und Zahlen eingeben möchte Das Formular Beim Warten auf Inhalt wird das Texteingabefeld verwendet. Das Textfeld kann auch in ein Passwort-Eingabefeld umgewandelt werden.

<form>
   <input type="text/password" name="名称" value="文本" />
</form>

1) Typ:


Bei type="text" ist das Eingabefeld ein Texteingabefeld; Wenn type="password", ist das Eingabefeld das Passwort-Eingabefeld.


2) Name: Benennen Sie das Textfeld zur Verwendung durch die Hintergrundprogramme ASP und PHP.


3) Wert: Legen Sie den Standardwert für das Texteingabefeld fest. (Wird im Allgemeinen als Erinnerung verwendet)
Beispiel: 09b69c7aa013e7537e15044b9199ac53
7584d201bd587e7cc9188d10ec66500e


3. Wenn der Benutzer einen großen Textabschnitt in das Formular eingeben muss, muss ein Texteingabefeld verwendet werden.

1)4750256ae76b6b9d804861d8f69e79d3-Tags erscheinen paarweise, beginnend mit 4750256ae76b6b9d804861d8f69e79d3

<textarea  rows="行数" cols="列数">文本</textarea>

2)cols: Die Anzahl der Spalten im mehrzeiligen Eingabefeld.


3) Zeilen: Die Anzahl der Zeilen im mehrzeiligen Eingabefeld.


4) Zwischen den Tags 4750256ae76b6b9d804861d8f69e79d340587128eee8df8f03d0b607fe983014 können Standardwerte eingegeben werden.


Beispiel:


4. Verwenden Sie Optionsfelder und Kontrollkästchen, um Benutzern die Auswahl von

<textarea cols="50" rows="10">在这里输入内容...</textarea>

1) Typ:

<input   type="radio/checkbox"   value="值"    name="名称"   checked="checked"/>

Bei Typ="radio" ist das Steuerelement ein Optionsfeld

Beim Typ="checkbox" ist das Steuerelement ein Kontrollkästchen


2) Wert: Der Wert der Übermittlung von Daten an den Server (wird vom Hintergrundprogramm PHP verwendet)


3) Name: Benennen Sie das Steuerelement zur Verwendung durch das Hintergrundprogramm ASP und PHP


4)aktiviert: Wenn aktiviert="markiert" eingestellt ist, ist diese Option standardmäßig ausgewählt


Für Optionsfelder in derselben Gruppe muss der Namenswert konsistent sein und die Der Wert kann inkonsistent sein, wie im obigen Beispiel den gleichen Namen „radioLove“ haben, sodass die Optionsfelder in derselben Gruppe als Optionsfelder fungieren können


5 Verwenden Sie Dropdown-Listenfelder Platz sparen




6. Die Dropdown-Liste kann auch das Attribut multiple="multiple" im Tag 221f08282418e2996498697df914ce4e festlegen Auswahlfunktion. Drücken Sie unter dem Windows-Betriebssystem, wenn Sie mehrere Optionen auswählen. Verwenden Sie Strg+Klick (Befehl+Klick auf Mac), um mehrere Optionen auszuwählen.

<option value="提交值">选项</option>  设置selected="selected"属性，则该选项就被默认选中。

Beispiel:

<select multiple="multiple">

7. Wenn der Benutzer Formularinformationen an den Server übermitteln muss, steht eine Schaltfläche zum Senden zur Verfügung benötigt.




Typ: Nur wenn der Typwert auf „Senden“ eingestellt ist, kann die Schaltfläche „Senden“

Wert: Der auf der Schaltfläche angezeigte Text

<input   type="submit"   value="提交">

8. Mit der Reset-Taste können Sie das Eingabefeld in den Ausgangszustand zurückversetzen. Setzen Sie einfach den Typ auf „Zurücksetzen“.

<input type="reset" value="重置">

9 Das Label bietet dem Benutzer keine besonderen Effekte, seine Aufgabe besteht darin, die Benutzerfreundlichkeit für die Maus zu verbessern Benutzer. Dieses Steuerelement wird ausgelöst, wenn Sie auf den Text innerhalb des Etiketts klicken. Das heißt, wenn der Benutzer klickt, um das Etikett auszuwählen, richtet der Browser den Fokus automatisch auf das mit dem Etikett verknüpfte Formularsteuerelement (er wählt automatisch das mit dem Etikett verknüpfte Formularsteuerelement aus). Der Wert im for-Attribut des
-Tags muss mit dem id-Attributwert des zugehörigen Steuerelements identisch sein.
Die Funktion der Beschriftung besteht darin, dass das Klicken auf das Wort „männlich“ dem Klicken auf den Punkt hinter „männlich“ entspricht.


Verwandte Empfehlungen:

HTML-Bild Tag META Tag Inline-Frame-Hyperlink

HTML-Stil für Tabellenrahmen festlegen

Das obige ist der detaillierte Inhalt vonHTML-Interaktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!