button 相关问题

按钮是图形用户界面中的简单元素，可以将鼠标点击或手指点击（在移动设备上）作为输入。

所以我有这个密码页面所以我有这个密码页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="password.css"> <title>Document</title> </head> <body> <div class="passwordquestion"> <form> <label for="pswd">Enter password: </label> [<input type="password" id="pswd" maxlength="18">] <input type="button" value="Submit" id="LButton" onclick="checkPswd();" /> </form> </div> <script type="text/javascript"> function checkPswd() { var confirmPassword = "2pN7Ct24MNO56kc06"; var password = document.getElementById("pswd").value; if (password == confirmPassword) { window.location="index.html"; } else if(password == "Pessword") { alert("Are you actually using that?") } else{ alert("Failed Access"); } } </script> </body> </html> 使用CSS文件 *{ font-family: 'Courier New', Courier, monospace; background-color: black; } .passwordquestion{ display: block; justify-content: center; } form{ width: 31%; color: #00FF19; position: relative; margin: auto; margin-top: 24%; font-size: medium; } input{ color: #00FF19; border: solid 1px black; } 我面临的一些问题是： 1，我不想按“提交”按钮提交，而是想将其更改为仅按 Enter 键（如果您输入密码并按 Enter 键，它将删除整个输入的密码内容，我认为它基本上重置了整个网络）并且删除按钮 2、如果点击输入框就会出现框的轮廓，我还在想办法让输入框的轮廓消失无论是谁做的，我都很感激，兄弟，提前谢谢你我还没有尝试解决第二个问题，但我在第一个问题上尝试在按钮上放置一个奇怪的类型功能，但它不起作用：skull：要解决 password.css 文件中框中的轮廓问题，请在输入中添加 outline: none{} 并添加另一个选项，例如，当您聚焦输入时，它也会删除轮廓 input:focus { outline: none; } 要回答有关使用 Enter 键输入密码的其他问题，请删除按钮，并在 JavaScript 代码中使用 addEventListener() 来检查输入何时提交以及何时按下 Enter 键。您已经有一个名为 checkPswd() 的函数，因此您可以使用诸如 document.getElementById("passwordForm").addEventListener("submit", function(event) { event.preventDefault() checkPswd(); }) // change your form id in index.html to "passwordForm" document.getElementById("pswd").addEventListener("keyup", function(event) { if (event.key === "Enter") { event.preventDefault(); checkPswd(); } }); 在代码的第一部分中，我们正在侦听 id“passwordForm”（在表单的 index.html 中将其更改为此值）以便提交。提交表单后，我们使用 preventDefault() 防止使用默认表单提交进行输入。然后我们运行你的函数，它与第二段代码类似，但它会检查你的标签并等待回车键的按键，然后运行其他代码

javascript html button input passwords

回答 1 投票 0

Holoviz面板：如何在回调方法中提取按钮名称？

我需要 Holoviz Panel 回调方法的按钮名称，因为该名称还充当包含要在单击时执行的 sql 命令的字典的键。我尝试搜索该事件是否...

python button callback holoviz-panel

回答 1 投票 0

Python Tkinter 将文本移动到按钮中心，但将图像保留在左上角

我想将文本移动到按钮的中心，但将图像保留在左上角。有人知道这是否可能吗？下面是我的代码，将图像放在左上角

python-3.x tkinter button

回答 2 投票 0

如何让按钮成功更改URL的部分内容？

我正在尝试创建一个网站，可以使用图像两侧的两个不同按钮在我的素描本页面的扫描图像之间进行切换。所有图像的 URL 都是相同的...

javascript html jquery button

回答 1 投票 0

Jetpack Compose：DrawBehind 与按钮背景高度不同

我正在尝试使用drawBehind-Modifier 向我的按钮绘制一个RoundRect。该按钮还有背景颜色。我的问题是 RoundRect 的高度与 Button 的高度不匹配

android kotlin button canvas android-jetpack-compose

回答 1 投票 0

getElementById.value 取决于 3 个按钮 [关闭]

我正在尝试将数据移动到我的数据库，其中之一是交付选项。除了选择交付方式之外，一切都很好。单击 3 个按钮之一即可选择它。问题...

javascript html button

回答 1 投票 0

如何在图例图上取 isVisible true

如何在图例图上取isVisible true，下面是代码图例：const 图例( 可见：真实，位置：LegendPosition.bottom， ), 稍后该值将被连接...

flutter button graph gesturedetector legend-properties

回答 1 投票 0

Java脚本滚动功能调试

我一直在网上关注教程，所以这个答案可能非常简单，也许是我刚刚忽略的东西，但我似乎找不到我在JS中复制的滚动函数的任何错误。整个

javascript html button scroll

回答 1 投票 0

如何让按钮可点击一次？

在我的代码中，我希望按钮可以单击一次。我在下方放置了 2 个按钮，因为我想在单击其中一个按钮时禁用另一个按钮。尽快帮忙非常感谢！ <...

html button clickonce

回答 1 投票 0

单击按钮显示下一个 div？

我有一个包含多个 div 的页面。我希望有一些按钮，当单击时，可以转到下一个 div。例如。 Div #1 在页面上可见。它上面有一个“下一步”按钮。当用户单击下一步

javascript html css button onclick

回答 1 投票 0

css 中心 3 个内联块按钮

我有 3 个按钮减少重置我有 3 个按钮 <button class="align" id="decrease">decrease</button> <button class="align" id="reset">reset</button> <button class="align" id="increase">increase</button> 和一个将一些按钮居中的 css 类 .align{ position: absolute; right: 50%; display: inline-block; }，但最终结果看起来像这样有什么方法可以让它们居中，同时保持它们分开，还是我必须为它们分配一个单独的类？我原以为它们会因为display: inline-block;而分开，但它们只是堆叠在一起。我试过给他们保证金，但没有成功。要使按钮居中并保持它们分开，您可以对 CSS 进行轻微调整。您可以应用 text-align: center;到父容器，然后可以设置display: inline-block;在按钮上。仅供参考：快速谷歌搜索/chatgpt 请求可以解决你这个问题。

html css button

回答 1 投票 0

如何禁用 ASP.NET 中的按钮

我的图像上有一个 onclick 代码，用于禁用表单上的按钮，如下所示我的图像上有一个 onclick 代码，用于禁用表单上的按钮，如下所示 <img alt="" src="images/search-icon.png" width="16" height="16" style="display: inline;height:16px;cursor:pointer; width: 16px;" onclick="DisableButton('<%=btnSave.ClientID %>');" /> 然后在我的 javascript 上我有这样的代码 function DisableButton(bSave) { document.getElementById(bSave).attributes("Enabled", false); } 问题是它不起作用，每次我单击图像时都没有任何反应。我的代码有错误吗？请帮我解决这个问题。预先感谢您。使用“已禁用” document.getElementById(bSave).disabled = true; http://www.w3schools.com/jsref/prop_html_disabled.asp 消除禁用与禁用的歧义。这是代码： document.getElementById(bSave).disabled = true; 或者 document.getElementById('<%= btnSave.ClientID %>').disabled = true; 请使用它，它会起作用在你的脚本中： document.getElementById(bSave).disabled = true; 如果你使用jquery那么 $("#"bSave).prop("disabled",true); 我用它来执行不同的操作 $(文档).ready(函数(){ $("#btnAdd").on('click', function (event) { $('#AddModal').modal('show'); }); $(".edit-button").on('click', function (event) { var empid = $(this).data("employee-id"); $("#EditModal-" + empid).modal("show"); }); $(".delete-button").on('click', function (event) { var empid = $(this).data("employee-id"); $("#DelModal-" + empid).modal("show"); }); $(".dobdatepicker").on('change', function (event) { var dobvalue = $(this).val(); var minDob = "1950-01-01"; $("#btnSave").prop("disabled", true); if (dobvalue < minDob) { $("#btnSave").prop("disabled", true); alert("The date should not be less than 1950"); } else { $("#btnSave").prop("disabled", false); } }); });

javascript asp.net button

回答 4 投票 0

仅当输入没有错误时才关闭搜索覆盖

我正在尝试开发一个全屏搜索字段，并且希望橙色“搜索”按钮仅在所有输入都有效时才关闭叠加层。每个输入的数字限制为 2 位，仅限 num...

javascript jquery validation button input

回答 2 投票 0

如何消除添加退出按钮时出现的错误？

从 tkinter 导入* 导入sqlite3 班级登录： def __init__(自我,根): self.root=root self.root.geometry("250x250") self.root.title("登录")

python database sqlite tkinter button

回答 1 投票 0

(Vue.js) 模态关闭事件

当我点击模态框的外部区域时，我想要与模态框的关闭按钮相同的事件。（点击模态外部区域时关闭模态的事件）目前的进展是