常用的HTML表单元素

记录一下常用的HTML表单元素

1、日期选择器（Date Picker）

        通常指的是一个弹出式的日历控件，用户可以通过单击文本框或图标来打开它。用户可以在日历中浏览日期并选择所需的日期。Date Picker 通常提供了直观的日期选择界面，允许用户通过单击日期来选择日期。将<input> 元素的 type 属性设置为 "date"，这是 HTML5 中用于创建日期选择器的一种方式。

2、复选框（Checkbox）

        用于允许用户选择多个选项中的一个或多个。在 HTML 中通常使用 <input type="checkbox"> 来创建。

3、单选按钮（Radio Button）

        用于允许用户从多个选项中选择一个选项。在 HTML 中通常使用 <input type="radio"> 来创建，通常需要结合 <label> 标签使用。

4、下拉框（Select Box）

        允许用户从预定义的选项列表中选择一个选项。在 HTML 中通常使用 <select> 和 <option> 元素来创建。

5、标签（Label）

        用于在界面上显示文本或描述，通常用于标识其他表单元素的含义或提供额外的说明。

6、普通按钮（普通按钮）

        用于执行自定义 JavaScript 操作或其他与表单相关的操作，而不是提交或重置表单。通常使用 <input type="button"> 元素或 <button type="button"> 元素创建。

7、提交按钮（Submit Button）

用于提交表单的数据到服务器进行处理。通常使用 <input type="submit"> 元素或 <button type="submit"> 元素创建。

8、重置按钮（Reset Button）

        用于将表单中的输入字段重置为初始值。通常使用 <input type="reset"> 元素或 <button type="reset"> 元素创建。

9、隐藏字段（Hidden Input）

        不可见的字段，通常用于在表单中存储不需要用户输入的数据，例如标识符或令牌。在 HTML 中通常使用 <input type="hidden"> 来创建。