Heim >Web-Frontend >HTML-Tutorial >Wie lautet der Code für das HTML-Texteingabefeld? So erstellen Sie ein HTML-Texteingabefeld

Wie lautet der Code für das HTML-Texteingabefeld? So erstellen Sie ein HTML-Texteingabefeld

云罗郡主
云罗郡主Original
2018-11-01 14:15:5245826Durchsuche

Wie erstelle ich ein HTML-Texteingabefeld? Wie lautet der Code für das HTML-Texteingabefeld? HTML-Formulare werden benötigt, um Benutzereingaben zu erhalten. Aber zuerst müssen Sie ein Textfeld erstellen. Lassen Sie uns darüber sprechen, wie das Windows-System ein HTML-Texteingabefeld erstellt.

Erstens: Erstellen Sie zunächst eine HTML-Datei, öffnen Sie Notepad oder einen anderen Nur-Text-Editor. Unter Windows können Sie über das Startmenü auf Notepad zugreifen, unter „Zubehör“ und dann „Notepad“. Alternativ können Sie Windows-Taste + R verwenden, dann Notepad eingeben und die Eingabetaste drücken. [Empfohlenes Lernen: Html5-Tutorial]

Zweitens: Geben Sie den Code ein und notieren Sie die grundlegenden Tags (

head> ).

Dritten: Nachdem Sie nun mit dem Schreiben des Basiscodes fertig sind, können Sie ein Formular zum Speichern des Textfeldcodes erstellen und dann das Textfeld erstellen.

1. Geben Sie zwischen den beiden Body-Tags (

und ) ein:
.

2. Der nächste Schritt ist das Eingabeelement, geben Sie ein: .

3. Geben Sie schließlich nach dem Schreiben des Formular-Tags Folgendes ein:

.

Codebeispiel:

<!DOCTYPE html>
 <html>
 <head>
 <meta charset="utf-8">
 <title>php中文网(php.cn)</title>
 </head>
 <body>
<form name =“test”>
<input type =“text”name =“textie”>
 </body>
 </html>

Viertens: Speichern Sie die Seite. Klicken Sie auf Datei, Speichern unter und speichern Sie es als test.html.

Fünftens: Öffnen Sie das Fenster und sehen Sie Ihr neues Textfeld! Die Wirkung von

auf einer Webseite ist wie folgt:

Wie lautet der Code für das HTML-Texteingabefeld? So erstellen Sie ein HTML-Texteingabefeld

Sie können auch JavaScript verwenden, um das Textfeld zusammen mit der Schaltfläche bestimmte Vorgänge ausführen zu lassen , wenn Sie vor dem Eingabefeld einen erklärenden Text einfügen möchten, tun Sie dies vor dem -Tag.

Oben ist der Code für das HTML-Texteingabefeld? Eine vollständige Einführung zum Erstellen eines HTML-Texteingabefelds. Wenn Sie mehr über HTML5 Online-Handbuch erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.

Das obige ist der detaillierte Inhalt vonWie lautet der Code für das HTML-Texteingabefeld? So erstellen Sie ein HTML-Texteingabefeld. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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

In Verbindung stehende Artikel

Mehr sehen