1. <form>
标签: 用于创建表单,包裹用户输入的元素。
- 属性:
action
:定义表单数据提交的目标URL。method
:指定数据提交的HTTP方法,通常是 "GET" 或 "POST"。name
:定义表单的名称。
2. <input>
标签: 用于创建各种输入字段,如文本框、密码框等。
- 属性:
type
:指定输入字段的类型,如 "text"、"password"、"email" 等。name
:定义输入字段的名称,用于后台处理表单数据。id
:为输入字段定义唯一的标识符。placeholder
:显示在输入字段内的提示性文本。required
:指定输入字段是否必填。
3. <label>
标签: 为表单元素创建标签,提高可用性。
- 属性:
for
:关联标签和相应的表单元素。
4. <button>
标签: 创建按钮元素,例如提交按钮。
- 属性:
type
:指定按钮类型,如 "submit"、"reset" 等。
5. <select>
标签: 创建下拉菜单。
- 属性:
name
:定义下拉菜单的名称。id
:定义下拉菜单的唯一标识符。
6. <option>
标签: 定义下拉菜单中的选项。
- 属性:
value
:定义选项的值,通常在提交表单时发送给服务器。
7. <textarea>
标签: 创建多行文本输入框。
- 属性:
name
:定义文本域的名称。id
:定义文本域的唯一标识符。rows
、cols
:定义文本域的行数和列数。
8. <label>
标签: 为表单元素创建标签,提高可用性。
- 属性:
for
:关联标签和相应的表单元素。
9. <div>
标签: 用于容器化和组织页面内容。
- 属性:
class
:定义CSS类,用于样式化元素。id
:定义元素的唯一标识符。
10. <span>
标签: 用于内联元素的容器。
- 属性:
class
:定义CSS类,用于样式化元素。id
:定义元素的唯一标识符。
11. <style>
标签: 内部样式表。
- 属性:无特定属性。
12. <link>
标签: 引入外部资源,通常用于链接样式表。
- 属性:
rel
:指定资源类型,如 "stylesheet"。href
:资源的URL。
13. <fieldset>
标签: 用于将相关的表单元素组合在一起,创建表单组。
- 属性:
disabled
:禁用组中的所有表单元素。form
:关联字段集与表单。
14. <legend>
标签: 定义<fieldset>
的标题。
- 属性:无特定属性。
15. <optgroup>
标签: 将相关的<option>
元素组合在一组中,以便更好地组织下拉菜单选项。
- 属性:
label
:定义选项组的标签。
16. <input type="checkbox">
标签: 创建复选框,允许用户选择多个选项。
- 属性:
value
:复选框选中时提交的值。checked
:指定复选框是否默认选中。
17. <input type="radio">
标签: 创建单选按钮,允许用户在一组选项中选择一个。
- 属性:
value
:单选按钮选中时提交的值。checked
:指定单选按钮是否默认选中。
18. <input type="file">
标签: 创建文件上传字段,允许用户上传文件。
- 属性:
accept
:指定允许上传的文件类型。
19. <input type="date">
、<input type="time">
、<input type="datetime-local">
标签: 创建日期、时间和日期时间选择字段。
- 属性:
min
、max
:指定允许的最小和最大值。
属性:
13. disabled
: 禁用表单元素,使其不可编辑或选择。
14. readonly
: 设置输入字段为只读,用户无法修改其值。
15. maxlength
: 限制输入字段的最大字符数。
16. size
: 设置输入字段的显示宽度(字符数)。
17. autocomplete
: 控制是否启用自动完成功能。
18. pattern
: 使用正则表达式定义输入字段的验证模式。
19. placeholder
: 设置输入字段的占位符文本。
20. autofocus
: 设置页面加载时自动聚焦到指定的表单元素。
21. form
: 定义表单元素所属的表单。
22. novalidate
: 禁用浏览器的内置表单验证。
23. multiple
: 允许在<input type="file">
中选择多个文件。
24. <datalist>
标签: 定义输入字段的预定义选项列表。
- 属性:
id
:定义datalist的唯一标识符。
25. <details>
标签: 创建可折叠的细节内容块。
- 属性:无特定属性。
26. <summary>
标签: 定义<details>
元素的摘要(标题)。
- 属性:无特定属性。
27. <meter>
标签: 表示已知范围内的标量测量。
- 属性:
value
:设置标量测量的当前值。min
、max
:定义测量范围。
28. <progress>
标签: 显示任务的完成进度。
- 属性:
value
:设置进度的当前值。max
:定义进度的最大值。
29. <output>
标签: 用于显示计算的结果。
- 属性:
for
:关联输出与计算结果。
30. <canvas>
标签: 用于绘制图形、图像或其他视觉内容。
- 属性:
width
、height
:设置画布的宽度和高度。
属性:
24. step
: 设置输入字段的递增步长。
25. formaction
: 为按钮指定自定义的表单提交URL。
26. formmethod
: 指定按钮提交表单时使用的HTTP方法。
27. formenctype
: 设置表单数据的编码类型。
28. formtarget
: 指定表单提交后的浏览上下文。
29. formnovalidate
: 禁用特定按钮的表单验证。
30. datetime
: 用于定义日期和时间。
31. autocapitalize
: 控制输入字段的自动首字母大写。
32. autocorrect
: 控制输入字段是否自动纠正。
33. minlength
: 设置输入字段的最小字符数。
34. spellcheck
: 控制输入字段的拼写检查。
35. autocomplete
: 控制表单字段的自动完成功能。
36. required
: 设置字段为必填项。