Question

我正在查看我在iPad上制作的表单，似乎将disabled添加到<button>标记实际上并未禁用该按钮。

将disabled添加到<input>代码有效，但不是<button>。

所以

<input type = "text" disabled />

有效，但

<button disabled>Hola</button>

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

Answer 1

这个ISO Safari漏洞非常糟糕。 IPad是否支持闪烁标记？据我所知，你真的不能像你<input>一样<button>。因此，如果<button> <span>的样式为<img>，button位于<input>，则<button class='ipad-disabled'></button>不可行。相反，假装它，使你的按钮表现得像属性'禁用'。

在按钮中添加一个类：

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

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

<button>

然后，当您需要启用$('button').removeClass('ipad-disabled');时，请删除“禁用ipad”类：

{{1}}

Answer 2

您可以在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 3

我在住宅iPad上查了一下。你是button标签不起作用，但这样做：

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

和

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

我希望能解决你的问题。您可以使用<button></button>执行任何操作，可以使用<input type="button">或<input type="submit">。它必须是iOS Safari错误。

修改

Button确实接受了Chrome中的disabled，因此我将iOS归咎于Safari。

修改

请参阅Fiddle。

iOS Safari <按钮禁用=“”> </按钮>不会禁用？

3 个答案: