认识

2023年07月18日

柏拉文

越努力，越幸运

一、认识

---

<input> 元素用于为基于 Web 的表单创建交互式控件，以便接受来自用户的数据。取决于设备和用户代理不同，表单可以使用各种类型的输入数据和控件。<input> 元素是目前是 HTML 中最强大、最复杂的元素之一，因为它有大量的输入类型和属性组合。

二、问题

---

2.1 attribute vs property

• 针对 class:

  • DOM property: .className

  • HTML Attribute: getAttribute('class')

• 针对input 的 value:

  • DOM property: .value 视图、值同时更新

  • HTML Attribute: 如果没有 property value , 则提供默认值, 值更新不影响视图的更新

• 针对textarea 的 type:

  • DOM property: .type 无法获取

  • HTML Attribute: getAttribute('type')

• 针对textarea 的 value:

  • DOM property: .value 无法获取

  • HTML Attribute: getAttribute('value') 无法获取