首頁猿問我能否將所需的屬性應(yīng)用于HTML...

我能否將所需的屬性應(yīng)用于HTML 5中的<select>字段？

JavaScript Html5

慕的地6264312 2019-07-13 09:26:31

我能否將所需的屬性應(yīng)用于HTML 5中的<select>字段？如何檢查用戶是否從<select>HTML 5中的字段？我明白了<select>不支持新的required屬性.。那么，我必須使用JavaScript嗎？或者說我遺漏了什么東西？

查看完整描述

3 回答

炎炎設(shè)計(jì)

TA貢獻(xiàn)1808條經(jīng)驗(yàn) 獲得超4個(gè)贊

強(qiáng)制性*使第一個(gè)值為空-要求對空值進(jìn)行工作。

先決條件正確的HTML 5 DOCTYPE和一個(gè)命名的輸入字段

<select name="somename" required><option value="">Please select</option><option value="one">One</option></select>

按文獻(xiàn)(名單和黑體是我的)

所需的屬性是布爾屬性。
指定后，將要求用戶在提交表單之前選擇一個(gè)值。
如果選擇元素
具有指定的必需屬性，
沒有指定多個(gè)屬性，
并且顯示大小為1(不具有大小=2或更多-如果不需要，則省略它)；
如果SELECT元素的選項(xiàng)列表(如果有的話)中的第一個(gè)選項(xiàng)元素的值是空字符串
(即作為
value=""),
選項(xiàng)元素的父節(jié)點(diǎn)是SELECT元素(而不是optgroup元素)，
然后，該選項(xiàng)是SELECT元素的占位符標(biāo)簽選項(xiàng)。

反對回復(fù) 2019-07-13

隔江千里

TA貢獻(xiàn)1906條經(jīng)驗(yàn) 獲得超10個(gè)贊

您可以使用selected屬性，用于在默認(rèn)情況下選擇選項(xiàng)元素。您可以使用required屬性用于SELECT元素，以確保用戶選擇某些內(nèi)容。

在Javascript中，您可以檢查selectedIndex屬性獲取所選項(xiàng)的索引，也可以檢查value屬性獲取所選項(xiàng)的值。

根據(jù)HTML 5規(guī)范，selectedIndex“返回第一個(gè)選定項(xiàng)的索引(如果有的話)，如果沒有選定項(xiàng)，則返回?1。value“返回第一個(gè)選定項(xiàng)的值(如果有)，如果沒有選定項(xiàng)，則返回空字符串?！币虼耍绻x擇Index=-1，那么您就知道他們沒有選擇任何內(nèi)容。

<button type="button" onclick="displaySelection()">What did I pick?</button><script>
    function displaySelection()
    {
        var mySelect = document.getElementById("someSelectElement");
        var mySelection = mySelect.selectedIndex;
        alert(mySelection);
    }</script>

反對回復(fù) 2019-07-13