Einführung in PHP-Formularelemente: Eingabefeld-Tag

伊谢尔伦
Freigeben: 2023-03-07 13:54:02
Original
3736 Leute haben es durchsucht

Formular

besteht aus Formularelementen. Zu den häufig verwendeten Formularelementen gehören die folgenden Tags: Eingabefeld-Tags , Auswahlfeld-Tags

In diesem Kapitel konzentrieren wir uns auf die Einführung des Eingabefeld-Tags .

Eingabefeld-Tag

Eingabefeld-Tag ist eines der am häufigsten verwendeten Tags in Formularen. Zu den häufig verwendeten Eingabefeld-Tags gehören Textfelder, Schaltflächen, Optionsfelder, Kontrollkästchen usw.

Das Syntaxformat ist wie folgt:

<form>
<input name="file_name" type="type_name">
</form>
Nach dem Login kopieren

Der Parametername bezieht sich auf den Namen der Eingabedomäne; der Parametertyp bezieht sich auf den Typ der Eingabedomäne. Die folgenden Arten von Eingabefeldern werden im Tag bereitgestellt. Benutzer können den TypAttribut verwenden, um den Typ entsprechend ihren eigenen Anforderungen zu bestimmen.


Typattributwert, Beispiele und Erklärungen:

1. Text

Beispiel:

<input name="user" type="text"  value="饮料" size="12"  maxlength="1000" >
Nach dem Login kopieren

Erklärung: Name ist der Name des Textfelds, Wert ist der Standardwert des Textfelds, Größe bezieht sich auf die Breite des Textfelds (in Zeichen). ), maxlength bezieht sich auf die maximale Anzahl von Zeichen, die in das Textfeld eingegeben werden.

Einführung in PHP-Formularelemente: Eingabefeld-Tag <input>

2. Passwort

Beispiel:

<input name="pwd" type="password"  value="123456" size="8"  maxlength="16" >
Nach dem Login kopieren

Beschreibung: Passwortfeld, Benutzer in diesem Text Die in das Feld eingegebenen Zeichen werden zur Wahrung der Vertraulichkeit ersetzt und als „*“ angezeigt.

Einführung in PHP-Formularelemente: Eingabefeld-Tag <input>

3. Datei

Beispiel:

<input name="file"  type="file"   enctype="multipart/form-date" size="12"  maxlength="200" >
Nach dem Login kopieren

Beschreibung: Dateidomäne, wenn Wenn eine Datei hochgeladen wird , kann damit ein modales Fenster zur Dateiauswahl geöffnet werden. Laden Sie die Datei dann über das Formular auf den Server hoch, z. B. durch Hochladen einer Word-Datei usw. Es ist zu beachten, dass Sie beim Hochladen von Dateien die Attribute des Formulars enctype="multipart/form-date" angeben müssen, um die Upload-Funktion zu erreichen.

Einführung in PHP-Formularelemente: Eingabefeld-Tag <input>

4. Radio

Instanz:

<input name="sex"  type="radio"   value="男" checked>男
<input name="sex"  type="radio"   value="女" >女
Nach dem Login kopieren

Beschreibung: Optionsfeld, verwendet für Einstellung A Auswahlmöglichkeiten, der Benutzer kann nur eine auswählen. Das aktivierte Attribut wird verwendet, um das Optionsfeld so festzulegen, dass es standardmäßig ausgewählt wird.

Einführung in PHP-Formularelemente: Eingabefeld-Tag <input>

5. Kontrollkästchen

Beispiel:

<input name="goods"  type="checkbox" value="book" checked="checked" >图书
<input name="goods"  type="checkbox" value="fruits" >水果
<input name="goods"  type="checkbox" value="food" >食品
Nach dem Login kopieren

Beschreibung: Kontrollkästchen, das dem Benutzer die Auswahl ermöglicht Mehrere Auswahlmöglichkeiten. Das Attribut „checked“ wird verwendet, um das einzelne Kontrollkästchen so festzulegen, dass es standardmäßig ausgewählt wird. Wenn Sie beispielsweise personenbezogene Daten erfassen, müssen Sie bei den Optionen für persönliche Präferenzen usw. mehrere Auswahlmöglichkeiten treffen.

Einführung in PHP-Formularelemente: Eingabefeld-Tag <input>

6. Senden

Beispiel:

<input name="submit"  type="submit" value="提交" >
Nach dem Login kopieren

Anleitung: Senden Sie den Inhalt des Formulars an Server.

Einführung in PHP-Formularelemente: Eingabefeld-Tag <input>

7. Zurücksetzen

Beispiel:

<input name="reset" type="reset" value="重置">
Nach dem Login kopieren

Beschreibung: Formularinhalt löschen und zurücksetzen, Wird verwendet, um den Inhalt aller Textfelder im Formular zu löschen und die Auswahlmenüelemente auf ihre ursprünglichen Werte zurückzusetzen.

Einführung in PHP-Formularelemente: Eingabefeld-Tag <input>

8. Schaltfläche

Beispiel:

<input type="button" value="Hello world!">
Nach dem Login kopieren

Beschreibung: Die Schaltfläche kann die Aktion auslösen Absenden des Formulars. Wenn der Benutzer das Formular ändern muss, kann das Formular in seinen ursprünglichen Zustand zurückversetzt werden und je nach den Anforderungen des Programms auch andere Rollen spielen. Gewöhnliche Schaltflächen werden im Allgemeinen mit JavaScript-Skripten zur Formularverarbeitung verwendet.

Einführung in PHP-Formularelemente: Eingabefeld-Tag <input>

9.hidden

Das Beispiel sieht wie folgt aus:

<input type="hidden"  name="id">
Nach dem Login kopieren

Erklärung: Um das auszublenden Domäne verwenden Sie „Senden Sie den Wert der -Variable “ implizit im Formular. Versteckte Felder sind für Benutzer auf der Seite unsichtbar. Der Zweck des Hinzufügens versteckter Felder besteht darin, Informationen auf verborgene Weise zu sammeln oder zu senden. Wenn der Betrachter auf die Schaltfläche „Senden“ klickt, um das Formular zu senden, werden die Informationen im ausgeblendeten Feld auch an die durch die Aktion angegebene Verarbeitungsseite gesendet.

Das Obige ist eine Einführung in die Eingabefeldmarkierung und ein Beispiel für das Typattribut von . Freunde müssen sich dies merken und weitere Operationen üben, da das Formular in der zukünftigen Entwicklung sehr nützlich sein wird . .

Das obige ist der detaillierte Inhalt vonEinführung in PHP-Formularelemente: Eingabefeld-Tag . Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!