我可以在自定义HTML元素中使用标准属性吗?

时间:2019-09-22 12:18:36

标签: html custom-element

我可以在自定义元素中使用标准属性(如果它们仅扩展HTMLElement)?或者我必须为其使用data-自定义属性?

1 个答案:

答案 0 :(得分:2)

Section 4.13.3 of the HTML spec包含可与自治自定义元素(通常扩展HTMLElement而不是某些其他现有元素的属性)一起使用的属性列表:

  

内容属性:
  Global attributes,除了is属性
  form,用于与表单相关的自定义元素-将元素与form元素相关联
  disabled,用于与表单相关的自定义元素-是否禁用了表单控件
  readonly,用于与表单相关的自定义元素-是否允许用户编辑值
  name,用于与表单相关的自定义元素-用于表单提交和form.elements API中的元素名称
  没有名称空间的其他任何属性(请参见散文)。

值得注意的是,自定义元素可以具有您想要的任何属性名称,但上面列出的属性名称除外,如果这些属性恰好对应于内置元素,则这些属性将不会具有您希望内置元素具有的任何特殊行为。熟悉的属性(例如type)。当然,您需要自己定义此行为。

仅当扩展内置元素并希望重新利用现有属性的名称时,才需要使用自定义数据属性。