html - 文本区域和输入与文本框

Question

我注意到在一些地方(主要是 Youtube 的评论)，有“textbox”而不是普通的“textarea”。
<div role="textbox" aria-multiline="true"></div>对比 <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