Textarea和输入与文本框

Question

我注意到几个地方（主要是Youtube的评论），有“文本框”而不是普通的“textarea”。

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

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

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

如上所述，我正在选择Chrome检查员的评论框。

现在我在评论框中添加了文字，在查看Chrome的检查员时，文字显示在上述div元素中。

Answer 1

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

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

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

您可以阅读更多相关内容，尤其是与https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_textbox_role

上的文字字段相关的内容