Verwendung von Formularen in HTML

HTML-Formular ist eine Schnittstelle, die es Benutzern ermöglicht, Daten auf einer Webseite einzugeben und zu übermitteln. Es enthält: Eingabefelder (Text, Passwort, E-Mail, Nummer, Kontrollkästchen, Optionsfeld), Selektor (Dropdown-Menü) und Schaltflächen (Senden, Zurücksetzen). Formulare werden mit dem Element <form> mit Namens-, Aktions- und Methodenattributen erstellt. Nachdem der Benutzer Daten eingegeben und übermittelt hat, werden die Formulardaten über eine HTTP-Anfrage an die angegebene URL gesendet.

Verwendung von HTML-Formularen

Was ist HTML-Formular?

HTML Form, ein Webformular, ist eine Schnittstelle, über die Benutzer Daten auf einer Webseite eingeben und übermitteln können. Es enthält normalerweise Eingabefelder, Selektoren und Schaltflächen, die es Benutzern ermöglichen, mit der Website zu interagieren.

HTML-Formular erstellen

Um ein HTML-Formular zu erstellen, können Sie das <form>-Element verwenden: <form>元素：

<code class="html"><form>
  <!-- 输入字段、选择器和按钮 -->
</form></code>

输入字段

输入字段用于收集用户输入的数据，有以下类型：

• <input type="text">：单行文本输入
• <input type="password">：受密码保护的单行文本输入
• <input type="email">：电子邮件地址输入
• <input type="number">：数字输入
• <input type="checkbox">：复选框
• <input type="radio">：单选按钮

选择器

选择器允许用户从选项列表中选择值，包括：

• <select>：下拉菜单
• <option>：下拉菜单中的选项

按钮

按钮用于提交或重置表单，有以下类型：

• <button type="submit">：提交按钮
• <button type="reset">：重置按钮

其他属性

<form>元素可以使用以下属性：

• name：为表单分配一个名称
• action：指定表单提交后将数据发送到的 URL
• methodrrreee

Eingabefelder

Eingabefelder werden zum Sammeln von eingegebenen Daten verwendet Für den Benutzer gibt es die folgenden Typen:

• <input type="text">: Einzeilige Texteingabe

• code>: Passwortgeschützte einzeilige Texteingabe
• <input type="email">: E-Mail-Adresseneingabe 🎜
• <input type="number ">: Zahleneingabe🎜
• <input type="checkbox">: Kontrollkästchen🎜
• <input type="radio" >: Optionsfeld 🎜🎜🎜🎜Selector 🎜🎜🎜Selector ermöglicht dem Benutzer die Auswahl eines Werts aus einer Liste von Optionen, einschließlich: 🎜
  • < select>: Dropdown-Menü 🎜
  • <option>: Optionen im Dropdown-Menü 🎜🎜🎜🎜 Schaltfläche 🎜🎜🎜 Schaltfläche wird zum Senden oder Zurücksetzen verwendet Formular gibt es folgende Typen: 🎜
    <button type="submit">: Submit-Button 🎜
    • <button type="reset" >: Schaltfläche „Zurücksetzen“ 🎜🎜🎜 🎜Andere Attribute🎜🎜🎜<form>-Element kann die folgenden Attribute verwenden: 🎜
      • name: Weisen Sie dem Formular einen Namen zu🎜
      • Aktion: Geben Sie die URL an, an die die Daten nach dem Absenden des Formulars gesendet werden sollen🎜
      • Methode: Angeben die HTTP-Methode zum Senden von Daten an den Server, die „get“ oder „post“ sein kann🎜🎜 🎜🎜Nach dem Erstellen eines Formulars mit HTML-Formular🎜🎜🎜 können Benutzer Daten in die Eingabefelder eingeben, Optionen im Selektor auswählen, und klicken Sie auf die Schaltfläche „Senden“. Die Formulardaten werden über eine HTTP-Anfrage an die angegebene URL gesendet. 🎜

Das obige ist der detaillierte Inhalt vonVerwendung von Formularen in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!