html - 苹果浏览器不禁用？

Question

我正在检查我在 iPad 上制作的表格，似乎添加disabled到<button>标签实际上并没有禁用按钮。

添加disabled到<input>标签有效但无效<button>。

所以

<input type = "text" disabled />

有效，但是

<button disabled>Hola</button>

没有。关于解决此问题的方法的想法？或者它只是一个野生动物园的错误？

Answer 1

您可以在标签上使用disabled属性，<input />但不能在<button />标签上使用。按钮没有正式贬值，但因为你可以做到

<input type="submit" value="Click Me">

用于表单提交功能和

<input type="button" value="Click Me">

对于一个普通的普通按钮来说，拥有一个完全不同的标签没有任何意义。此外，您可以通过添加禁用提交和常规按钮disabled

<input type="submit" value="You can't Click Me" disabled>
<input type="button" value="Click Me" disabled>

Answer 2

这个 iOS Safari 错误很糟糕。iPad 是否支持闪烁标签？据我所知，你真的不能<input>像你可以的那样风格<button>。因此，如果您有一个<button>带有<span>样式的 with 或<img>'s in side that button，<input>则不是要走的路。而是假装它，让你的按钮表现得像它具有“禁用”属性。

为您的按钮添加一个类：

<button class='ipad-disabled'></button>

然后检查该按钮是否具有“ipad-disabled”类，如果有，则单击该按钮时不会发生任何事情：

$('button').on('click', function () {
    if (!$(this).hasClass('ipad-disabled')) {
        doSomething(this);
    }
});

然后，当您需要<button>启用时，删除“ipad-disabled”类：

$('button').removeClass('ipad-disabled');

Answer 3

我在我的家用 iPad 上检查了这个。你是对的，button标签不起作用，但这些是：

<input type="button" value="Go on, click me!">

和

<input type="submit" value="Go on, click me!">

我希望这能解决你的问题。任何你可以用 a 做的事情<button></button>，你都可以用<input type="button">or做<input type="submit">。一定是 iOS Safari 的 bug。

编辑：

Button确实disabled在 Chrome 中接受，所以我将 Safari 归咎于 iOS。

编辑：

见小提琴。