表单可以包含不同类型的输入元素,如文本字段、复选框、单选按钮、提交按钮等

表单标签

  1. <form>:这是创建表单的基础标签。它包含了所有的表单元素。重要属性包括action(表单提交到的URL)和method(提交方法,通常为getpost)。

  2. <input>:这是最常用的表单元素之一。它有多种类型,由其type属性定义,如textpasswordsubmitradiocheckboxfile等。

  3. <label>:用于定义input元素的标签,提高可访问性。for属性应与相关inputid属性匹配。

  4. <textarea>:用于多行文本输入。常用于输入更长的文本,如评论或地址。

  5. <button>:定义一个按钮。可以是提交按钮、重置按钮或普通按钮,这取决于type属性(submitresetbutton)。

  6. <select>:定义下拉列表。内部使用<option>标签来定义各个选项。

  7. <option>:定义<select>元素中的选项。value属性表示选项的值。

  8. <optgroup>:定义<select>元素中选项的分组。

  9. <fieldset>:用于对表单中的元素进行分组,通常与<legend>标签结合使用。

  10. <legend>:为<fieldset>元素定义标题。

表单输入类型(<input>type属性)

  1. text:标准文本输入。

  2. password:密码输入,输入内容被掩码。

  3. submit:提交按钮,用于提交表单。

  4. reset:重置按钮,将表单所有元素重置为默认值。

  5. radio:单选按钮,用于从多个选项中选择一个。

  6. checkbox:复选框,用于选择或取消选择一个选项。

  7. file:文件选择,用于上传文件。

  8. hidden:隐藏输入,用户不可见但包含数据。

  9. emailurltel:专用于输入电子邮件、URL、电话号码的文本字段。

  10. numberrange:用于输入数字的字段。

  11. datetimedatetime-local:用于输入日期和时间的字段。

  12. color:颜色选择器。

其他表单相关属性

  • placeholder:提供输入字段的提示信息。
  • required:指定输入字段为必填。
  • readonly:使输入字段只读。
  • disabled:禁用输入字段。
  • autofocus:页面加载时自动聚焦到该输入字段。
  • value:为输入字段指定初始值。
  • name:为输入字段指定名称,这在提交表单数据时很重要
posted on 2024-01-27 01:19  黑逍逍  阅读(5)  评论(0编辑  收藏  举报