Beispielcode für HTML-Formularkomponente

Beispielcode für HTML-Formularkomponente

HTML-Formulare werden verwendet, um verschiedene Arten von Benutzereingaben zu erfassen. Der folgende Code zeigt Ihnen den Beispielcode der HTML-Formularkomponente. Interessierte Freunde können ihn sich ansehen.

Ohne weitere Umschweife werde ich den Code direkt für Sie posten. Der spezifische Code lautet wie folgt:

<!DOCTYPE html>  
<html>  
<Kopf>  
<meta charset="UTF-8">  
<title>Titel hier einfügen</title>  
</Kopf>  
<Text>  
    <!--  
    Wenn Sie Daten an den Server übermitteln möchten, müssen die Komponenten im Formular über Namens- und Wertattribute verfügen, um Daten vom Server abzurufen.  
<von>Namen eingeben:<input type="text" name="user" value=""/><br/>  
        Geben Sie das Passwort ein: <input type="password" name="passwd" value=""/>  
        <br/>  
      Geschlecht auswählen:<input type="radio" name="sex" value="nan"/> Männlich<input type="radio" name="sex" value="nv" checked="checked"/> Weiblich<br/>  
    Technologie auswählen:  
        <Eingabetyp="Kontrollkästchen" Name="tech" Wert="java"/>Java  
        <Eingabetyp="Kontrollkästchen" Name="tech" Wert="html"/>html  
        <Eingabetyp="Kontrollkästchen" Name="tech" Wert="css"/>CSS<br/>  
    Datei auswählen:  
        <input type="Datei" name="Datei" /><br/>  
    Ein Bild: <input type="image" src="11.jpg" ><br/>  
    <!-- Daten müssen nicht vom Client angegeben werden, sondern können an den Server übermittelt werden-->  
    Versteckte Komponente: <input type="hidden" name="mykey" value="myvalue"/><br/>  
    Eine Schaltfläche: <input type="button" value="Es gibt eine Schaltfläche" onclick="alert('Es gibt eine Schaltfläche')"><br/>  
    <select name="land">  
        <option value="none">--Wählen Sie ein Land-</option>  
        <option value="usa">Vereinigte Staaten</option>  
        <option value="en">Vereinigtes Königreich</option>  
        <option value="cn" ausgewählt="ausgewählt">China</option>  
    </Auswählen>  
    <textarea name="text"></textarea>  
    <br/>  
    <input type="reset" value="Daten löschen"/><input type="submit" value="Daten übermitteln"/>  
<von>  
</body>  
</html>

Zusammenfassen

Oben sehen Sie den vom Herausgeber eingeführten Beispielcode für die HTML-Formularkomponente. Ich hoffe, er ist für alle hilfreich. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Herausgeber wird Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken!

<<:  Einführung in die JWT-Verifizierung mit Nginx und Lua

>>:  Tiefes Verständnis der Verwendung von ::before/:before und ::after/:after

Artikel empfehlen

Natives JS zur Realisierung eines einfachen Schlangenspiels

In diesem Artikel wird der spezifische Code von j...

Lösungen für häufige Probleme bei der Verwendung von Elasticsearch

1. Die Verwendung mit Redis führt zu Startkonflik...

Analyse der MySql-Indexnutzungsstrategie

MySql-Index Indexvorteile 1. Sie können die Einde...

PHP geplante Backup MySQL und mysqldump Syntax-Parameter detailliert

Lassen Sie uns zunächst einige gängige Anwendungs...

So migrieren Sie das Datenverzeichnis in mysql8.0.20

Das Standardspeicherverzeichnis von MySQL ist /va...

Beispiel-Tutorial für geplante MySQL-Aufgaben

Vorwort Seit MySQL 5.1.6 wurde eine einzigartige ...

Erläuterung, ob im interaktiven Design Paging oder Laden gewählt werden soll

Der Autor dieses Artikels @子木yoyo hat ihn in seine...

Docker führt einen Befehl in einem Container außerhalb des Containers aus

Manchmal möchten wir einen Befehl in einem Contai...

Vant+postcss-pxtorem implementiert Browser-Anpassungsfunktion

Rem-Layout-Anpassung Die Stile in Vant verwenden ...

Analyse des Docker-Compose-Image-Release-Prozesses des Springboot-Projekts

Einführung Das Docker-Compose-Projekt ist ein off...

Vue implementiert zwei Methoden zur Steuerung der Routing-Berechtigung

Inhaltsverzeichnis Methode 1: Routing von Metainf...

12 nützliche Array-Tricks in JavaScript

Inhaltsverzeichnis Array-Deduplizierung 1. from()...

So öffnen Sie den Port in Centos7

Die Standard-Firewall von CentOS7 ist nicht iptab...