2016-03-09 70 views
-1

我在幾個地方(主要是YouTube上評論)發現,有「文本框」,而不是正常的「文本區域」的。多行文本和輸入文本框VS

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

我也看到<div role="textbox"></div>代替<input type="text">

是否有任何功能的優勢,使用role="textbox"而不是textareainput?或者這只是純粹的偏好?例如,使用Javascript修改或編輯更容易嗎?

YT comments1

正如您在上面看到,我選擇與Chrome的檢查器中的評論框。

YT comments2

現在我添加文本註釋框,文本顯示查看Chrome的檢查時,上述的div元素裏面。

+0

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_textbox_role – j08691

+0

@ j08691我已經通讀了這篇文章,我所能得到的是一些輔助功能(可能主要在Mac上)能夠更好地工作,但我期待更多的功能優勢。例如,使用Javascript進行修改更容易嗎?抱歉不清楚,我正在更新我的問題。 – Jaketr00

回答

0

我不知道你在哪裏看到的是一個div應該是一個文本框,但這是不正確。標籤是輸入的,而不是div。

但是,你的更大的問題的角色屬性涉及到WAI-ARIA標準,該標準涉及到用戶的無障礙對於那些誰使用輔助技術,如屏幕閱讀器。它允許這些用戶更輕鬆地導航頁面,因爲屏幕閱讀器可以更好地瞭解頁面上的元素是什麼。

有沒有新的功能文本字段需要,因爲這個屬性的使用上。 ARIA關於可訪問性。

你可以閱讀更多的關於這一點,特別是在有關文本字段:https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_textbox_role

+0

對於你的第一句話,我引用了YT的評論。文本框的代碼(在你點擊它之後)是'

'。 – Jaketr00

+0

YouTube評論?我不知道你在看什麼,但文本框不是用div元素生成的。你需要輸入或textarea。 –

+0

我將編輯我的問題,以顯示我看到 – Jaketr00