Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在单击一次后禁用按钮无javascript HTML、CSS_Html_Css - Fatal编程技术网

如何在单击一次后禁用按钮无javascript HTML、CSS

如何在单击一次后禁用按钮无javascript HTML、CSS,html,css,Html,Css,我试图使一个按钮点击一次后不可点击,但我不想使用JS。以下是HTML: 点击这里 如果没有javascript,这是不可能的。Css无法控制按钮的属性,也无法更改DOM 这是最简单的方法: 点击这里这充其量只是一种骇客行为,只能满足你的需要。它也不使用按钮 我们有一个按钮样式的标签。与标签关联的是一个隐藏的复选框。单击标签时,复选框处于选中状态。选中复选框后,我们将有一个CSS选择器,其中包含指针事件:无。现在你不能再点击它了 .ima按钮标签{ 背景:#3498db; 背景图像:线性梯

我试图使一个按钮点击一次后不可点击,但我不想使用JS。以下是HTML:


点击这里

如果没有javascript,这是不可能的。Css无法控制按钮的属性,也无法更改DOM

这是最简单的方法:


点击这里
这充其量只是一种骇客行为,只能满足你的需要。它也不使用
按钮

我们有一个按钮样式的标签。与标签关联的是一个隐藏的复选框。单击标签时,复选框处于选中状态。选中复选框后,我们将有一个CSS选择器,其中包含
指针事件:无。现在你不能再点击它了

.ima按钮标签{
背景:#3498db;
背景图像:线性梯度(至底部,#3498db,#2980b9);
边界半径:28px;
字体系列:Arial;
颜色:#ffffff;
字体大小:20px;
填充:10px 20px 10px 20px;
文字装饰:无;
}
.IMA按钮标签:悬停{
背景#3cb0fd;
背景图像:线性梯度(至底部,#3cb0fd,#3498db);
文字装饰:无;
}
.IMA按钮标签:活动{
颜色:#CCC;
}
.imaButton输入{显示:无;}
.imaButton输入:选中~label{指针事件:无;}

我是一颗纽扣
这就是你想要的吗

功能a(按钮){
button.disabled=true;
}

点击这里

没有javascript不行。好吧,我想我就用javascript吧。而且,这甚至不是真正的代码,只是一个例子。学究式的,不使用javascript也是可能的,但解决方案更糟糕。提交表单,然后在响应时,使用服务器端语言添加
disabled
属性。看,我告诉过你情况更糟。好吧,现在我会更有帮助,按钮除了使自己不可点击之外还有什么作用?它真的需要通过一个按钮吗?你已经错过了问题中“没有javascript”的部分。你应该在回答中详细说明为什么要使用它。另外,您的第二个选项与现有的答案相同,这至少表明没有javascript是不可能的。我只是觉得这将是一个终极黑客,我省略了这个信息,这样OP就不会到处制造小怪物了。谢谢,但我想我会试试Javascript。@Phiter是的,与Javascript的单行代码相比,这是一个很大的工作。