Heim  >  Artikel  >  Web-Frontend  >  Wie legen wir den Typ eines Elements in HTML fest?

Wie legen wir den Typ eines Elements in HTML fest?

WBOY
WBOYnach vorne
2023-08-26 14:45:121369Durchsuche

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

Das

type-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.

HTML

Anklickbare Schaltflächen in HTML werden durch das

Beispiel

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.

HTML Tag

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.

Beispiel

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.

Skript verwenden

Sehen Sie sich das folgende Beispiel an: Wir führen ein Skript mit dem angegebenen Typattribut aus

Beispiel

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.

HTML Tag

Sie können das -Tag verwenden, um mehrere Medienressourcen für Medienkomponenten wie

Beispiel

Betrachten Sie das folgende Beispiel, in dem wir ein HTML-Tag mit dem Attribut type verwenden.

<!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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen