Heim Web-Frontend HTML-Tutorial Wie wähle ich standardmäßig ein HTML-Auswahltag aus? Einführung in die Verwendung von Select-Tags

Wie wähle ich standardmäßig ein HTML-Auswahltag aus? Einführung in die Verwendung von Select-Tags

Aug 31, 2018 pm 04:04 PM
html select

In diesem Artikel wird hauptsächlich die Standardauswahlmethode des Select-Tags in HTML vorgestellt. Schauen wir uns nun die Verwendung des Codes in HTML an

Zunächst möchten wir vorstellen, wie das Select-Tag in HTML standardmäßig ausgewählt werden kann. Das

select-Element erstellt Einzel- oder Mehrfachauswahlmenüs. Das

Tipp: Das Select-Element ist ein Formularsteuerelement, mit dem Benutzereingaben in einem Formular akzeptiert werden können.

Allgemeine Auswahl-Tags haben den folgenden vollständigen Code:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<select>
  <option value ="volvo">php中文网</option>
  <option value ="saab">百度</option>
  <option value="opel">新浪</option>
  <option value="audi">腾讯</option>
</select>
</body>
</html>
Nach dem Login kopieren

Der Effekt ist offensichtlich:

Wie wähle ich standardmäßig ein HTML-Auswahltag aus? Einführung in die Verwendung von Select-Tags

Nach dem Klicken wird das Dropdown-Menü angezeigt Öffnen Sie das Feld. Was wir heute tun müssen, ist, wie Sie es standardmäßig auswählen. Geben Sie dieses Attribut in das gewünschte Dropdown-Feld ein :

<select>
  <option value ="volvo">php中文网</option>
  <option value ="saab" selected="selected">百度</option>
  <option value="opel">新浪</option>
  <option value="audi">腾讯</option>
</select>
Nach dem Login kopieren

Baidu ist ausgewählt und der Effekt ist wie in der Abbildung gezeigt:

Wie wähle ich standardmäßig ein HTML-Auswahltag aus? Einführung in die Verwendung von Select-Tags

Jedes Mal, wenn es aktualisiert wird, wird Baidu darauf angezeigt ist die Verwendung des ausgewählten Attributs. Auch sehr nützlich.

Dieser Artikel endet hier (wenn Sie mehr HTML-Kenntnisse erlernen möchten, willkommen auf der PHP-Chinesisch-Website zum Lernen, hier finden Sie alle Programmierkurse, die Sie lernen möchten). Wenn Sie Fragen haben, können Sie diese stellen unten .

[Empfehlung der Redaktion]

Wie entferne ich die Beschriftung vom ol-Tag in HTML? Zusammenfassung zur Verwendung von


    Wie entferne ich den Punkt aus dem ul-Tag in HTML? Stilinstanzanalyse einer ungeordneten HTML-Liste

    Das obige ist der detaillierte Inhalt vonWie wähle ich standardmäßig ein HTML-Auswahltag aus? Einführung in die Verwendung von Select-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

    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

    Heiße KI -Werkzeuge

    Undresser.AI Undress

    Undresser.AI Undress

    KI-gestützte App zum Erstellen realistischer Aktfotos

    AI Clothes Remover

    AI Clothes Remover

    Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

    Undress AI Tool

    Undress AI Tool

    Ausziehbilder kostenlos

    Clothoff.io

    Clothoff.io

    KI-Kleiderentferner

    AI Hentai Generator

    AI Hentai Generator

    Erstellen Sie kostenlos Ai Hentai.

    Heißer Artikel

    R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
    4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
    R.E.P.O. Beste grafische Einstellungen
    4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
    R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
    4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
    R.E.P.O. Chat -Befehle und wie man sie benutzt
    4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

    Heiße Werkzeuge

    Notepad++7.3.1

    Notepad++7.3.1

    Einfach zu bedienender und kostenloser Code-Editor

    SublimeText3 chinesische Version

    SublimeText3 chinesische Version

    Chinesische Version, sehr einfach zu bedienen

    Senden Sie Studio 13.0.1

    Senden Sie Studio 13.0.1

    Leistungsstarke integrierte PHP-Entwicklungsumgebung

    Dreamweaver CS6

    Dreamweaver CS6

    Visuelle Webentwicklungstools

    SublimeText3 Mac-Version

    SublimeText3 Mac-Version

    Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

    Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

    Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

    HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

    Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

    Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

    Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

    HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

    Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

    HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

    Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

    HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

    Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

    Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

    Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

    HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

    Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

    See all articles