HTML一次点击按钮

Question

我有一个按钮，应该只能点击一次。截至目前，我处理这个在Javascript，但有三样东西，我不喜欢这个：

• 它不scriptlessly工作（注意按钮的效果呢，长话短说，我们使用德比）
• 它是有状态的，导致其他设计问题
• 似乎应该有一个纯粹的HTML或CSS解决方案，因为它是一个非常简单和可能的常见功能。

无JS的方式来做到这一点？

Answer 1

试试这个CSS技巧：

<label><input type="radio" /><button>Your button</button></label> 

CSS：

label>input[type="radio"], label>input[type="radio"]:checked~button {display:none} 

这将导致该按钮，当您单击一次即可消失。对于任何更“漂亮”的东西，您都需要使用JavaScript。

Answer 2

JS-less way .. no ..可能的解决方案是添加一个JS函数，该函数会添加disabled="disabled"并将其绑定到按钮onClick，并且它将不会再被点击。

Answer 3

如果页面被重新服务（即有一些服务器端组件），服务器将不得不发送带有禁用按钮的更新HTML。否则，你正在改变客户端的HTML，而Javascript就是这样。