文本区域和输入与文本框

Question

我注意到在一些地方（主要是Youtube的评论），有“文本框”而不是正常的“文本区域”。

<div role="textbox" aria-multiline="true"></div>与<textarea></textarea>

我还看到<div role="textbox"></div>而不是<input type="text">

使用orrole="textbox"代替有什么功能优势吗？或者这只是纯粹的偏好？例如，使用 Javascript 修改或编辑是否更容易？textareainput

正如您在上面看到的，我正在使用 Chrome 的检查器选择评论框。

现在，我将文本添加到注释框中，并且在查看 Chrome 的检查器时，文本出现在上述 div 元素内。

Answer 1

我不确定您在哪里看到 div 应该是文本框，但这是不正确的。标签是输入的，不是div。

但是，对于您更大的问题，角色属性属于 WAI-ARIA 标准，该标准与使用辅助技术（例如屏幕阅读器）的用户的用户可访问性相关。它允许这些用户更轻松地导航页面，因为屏幕阅读器可以更好地了解页面上的元素是什么。

由于使用此属性，文本字段并没有承担任何新功能。ARIA 是关于可访问性的。