☰ 目录

HTML表单

HTML表单

HTML表单用于收集用户输入。表单包含不同类型的输入元素,如文本字段、复选框、单选按钮、提交按钮等。

基本表单结构

<form action="/submit-form" method="post">
    <label for="name">姓名:</label>
    <input type="text" id="name" name="name"><br><br>
    
    <label for="email">邮箱:</label>
    <input type="email" id="email" name="email"><br><br>
    
    <input type="submit" value="提交">
</form>

常用的输入类型

  • text: 文本输入
  • password: 密码输入
  • checkbox: 复选框
  • radio: 单选按钮
  • submit: 提交按钮
  • reset: 重置按钮
  • file: 文件上传
  • hidden: 隐藏字段
  • date: 日期选择器
  • email: 电子邮件输入
  • number: 数字输入
  • url: URL输入

表单元素

  • <select>: 下拉列表
  • <option>: 下拉列表选项
  • <textarea>: 多行文本输入
  • <button>: 按钮
  • <fieldset>: 相关元素分组
  • <legend>: 为fieldset元素定义标题