Heim > Artikel > Web-Frontend > Wie legen wir den Typ eines Elements in HTML fest?
In diesem Artikel erfahren Sie, wie Sie den Typ eines Elements in HTML festlegen, so wie wir es mit den -Typen in HTML kennen. Für das
Dastype-Attribut kann für die folgenden Elemente verwendet werden
Elemente | Eigenschaften |
---|---|
Typ | |
Typ | |
Typ | |
Typ | |
Typ | |
Typ | |
Typ |
Lassen Sie uns anhand des folgenden Beispiels verstehen, wie der Typ eines Elements in HTML festgelegt wird.
Anklickbare Schaltflächen in HTML werden durch das
Im folgenden Beispiel verwenden wir zwei
<!DOCTYPE html> <html> <body> <form action="#" method="get"> <label for="firstname">Username:</label> <input type="text" id="firstname" name="firstname"><br><br> <label for="lastname">Surname:</label> <input type="text" id="lastname" name="lastname"><br><br> <button type="submit" value="Submit">Submit</button> <button type="reset" value="Reset">Reset</button> </form> </body> </html>
Wenn das Skript ausgeführt wird, generiert es eine Ausgabe mit Eingabefeldern für den Benutzernamen und den Nachnamen (festgelegt durch type="text") sowie eine Schaltfläche zum Senden und eine Schaltfläche zum Zurücksetzen.
Tags geben Felder an, in die Benutzer Daten eingeben können. Das wichtigste Formularelement ist das -Element. Abhängig vom Typattribut kann das -Element auf verschiedene Arten gerendert werden.
Betrachten Sie das folgende Beispiel, in dem wir ein HTML-Formular mit zwei verschiedenen Eingabetypen verwenden, einen für Text und einen anderen für die Übermittlung.
<!DOCTYPE html> <html> <body> <form action="#"> <label for="Username">Enter name: </label> <input type="text" id="Username" name="Username"><br> <input type="submit" value="Submit"> </form> </body> </html>
Wenn Sie das obige Skript ausführen, wird eine Ausgabe erzeugt, die ein Eingabefeld mit dem Namen type="text" und eine Eingabeschaltfläche mit dem Attribut type="submit" enthält.
Sehen Sie sich das folgende Beispiel an: Wir führen ein Skript mit dem angegebenen Typattribut aus
Im folgenden Beispiel verwenden wir zwei
<!DOCTYPE html> <html> <body> <p id="tutorial"></p> <script type="application/javascript"> document.getElementById("tutorial").innerHTML = "Hello,Good Morning."; </script> </body> </html>
Wenn Sie das obige Skript ausführen, wird ein Ausgabefenster mit dem Text „Hallo, guten Morgen“ angezeigt. auf der Webseite.
Sie können das
Betrachten Sie das folgende Beispiel, in dem wir ein HTML-Tag
<!DOCTYPE html> <html> <body> <audio controls> <source src="https://gaana.com/song/praise-the-lord-da-shine" type="audio/mpeg"> </audio> </body> </html>
Wenn das Skript ausgeführt wird, generiert es eine Ausgabe mit dem auf der mit type="audio/mpeg" genannten Webseite hochgeladenen Audio.
Das obige ist der detaillierte Inhalt vonWie legen wir den Typ eines Elements in HTML fest?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!