кнопка не отключена, если она отключена в fieldset - PullRequest
Новая
       1

кнопка не отключена, если она отключена в fieldset

0 голосов
/ 05 декабря 2018

Я работаю над кросс-браузерным веб-сайтом, я применил 

<fieldset disabled="disable">

, но кнопка все еще работает, как и ожидалось, только она кажется отключенной, но другие браузеры, такие как Chrome, отключают их полностью, по любой причине, почемучто происходит и как ее решить ??

вот пример кода ... 

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>tesying</title>
</head>
<body>
    <form>
        <fieldset disabled>
            <input type="button" value="enter" id="button" />
        </fieldset>
    </form>
    <script>
        var d = document.getElementById('button');
        d.onclick = function () {
            console.log("hi");
        }
    </script>
</body>
</html>

ps: я все еще хочу отключить в поле набора.

1 Ответ

0 голосов
/ 05 декабря 2018

В Internet Explorer атрибут Отключено не работает с fieldset .

В качестве обходного пути, вы можете попробовать обратиться к приведенному ниже примеру. 

<!doctype html>
<head>
<script>
function disableInputs(el) {
    var el = document.getElementById('example'),
        all = el.getElementsByTagName('input'),
        i;
    for (i = 0; i < all.length; i++) {
        all[i].disabled = true;
    }
}

</script>
<body onload="disableInputs('example')">

<fieldset>
<div id="example">
    <input type="text" name="ex1">
    <input type="text" name="ex2">
    <input type="text" name="ex3">
    <input type="button" value="submit">
</div>
</fieldset>

</body>
</html>

Вывод в Internet Explorer:

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...