按钮是图形用户界面中的简单元素,可以将鼠标点击或手指点击(在移动设备上)作为输入。
Excel 虚拟基本按钮将单元格行复制到另一张工作表以供重复使用
上下文:我正在制作一个 Excel 工作簿,其他人可以打开它并在 3 个单元格中连续输入 3 个单独的值(见下文),并附上它们的缩写。 列表 价值观 X 值输入1 y 值
我有一个带有按钮的输入搜索字段,希望在输入查询时与我的 html 页面进行交互,用户在页面搜索字段中输入的歌曲让它播放...
我正在学习 Java,在我的一项练习中,我必须做一个日志框架,在按下取消按钮后、在输入 ID 或密码之前显示警告。 导入 javax.swing.JOptionPane; 公开课
我正在尝试创建自定义上传文件按钮的错觉,因为 的 CSS 有限并且很痛苦。我目前正在使用下面的代码: 超文本标记语言 我正在尝试创建自定义上传文件按钮的错觉,因为 <input type='file'/> 的 CSS 有限并且很痛苦。我目前正在使用下面的代码: HTML <button type="button" class="uploadcontainer"><input type="file" class="docuploadbtn" id="t1url" name="t1url"/>Upload File</button> CSS .docuploadbtn { opacity: 0; } .uploadcontainer { width: 100px; } 此代码的组合显示了一个按钮,其后面的顶部有一个“隐藏”上传按钮,但这将文本“上传文件”推到了下面,从而形成了一个比正常大小的按钮。 这是现在的样子: 这就是我想要的样子: 接下来我可以尝试什么? 我找到了创建自定义上传按钮问题的解决方案: HTML <input type="button" class="upbtn" value="Upload File"/> <input type="file" class="docuploadbtn" id="t1url" name="t1url"/> CSS .upbtn { width: 100px; display: inline-block; } .docuploadbtn { visibility: hidden; display: inline-block; } JQuery $('.upbtn').click(function(){ $(this).siblings('.docuploadbtn').click(); }); 这就是我处理 type=file 的方式,它还包括一些 jQuery 增强功能,但你并不真正需要它: if (jQuery) { (function ($) { "use strict"; $('document').ready(function () { $( '.jsFileUpload' ).each( function() { var $input = $( this ), $label = $input.next( 'label' ), labelVal = $label.html(); $input.on( 'change', function( e ) { var fileName = ''; if( this.files && this.files.length > 1 ) fileName = ( this.getAttribute( 'data-multiple-caption' ) || '' ).replace( '{count}', this.files.length ); else if( e.target.value ) fileName = e.target.value.split( '\\' ).pop(); if( fileName ) $label.find( '.jsFileName' ).html( fileName ); else $label.html( labelVal ); }); // Firefox bug fix $input .on( 'focus', function(){ $input.addClass( 'fileupload-has-focus' ); }) .on( 'blur', function(){ $input.removeClass( 'fileupload-has-focus' ); }); }); }); }(jQuery)); } .vis-hide { overflow: hidden; position: absolute; margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; clip: rect(0 0 0 0); } [type="file"] { overflow: hidden; position: absolute; margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; clip: rect(0 0 0 0); } [type="file"] + label { display: inline-block; padding: 0.5em 1em; color: #fff; background-color: #000; cursor: pointer; } [type="file"] + label:hover { color: #fff; background-color: red; } [type="file"].fileupload-has-focus + label, [type="file"]:focus + label { color: #fff; background-color: red; outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; } [type="file"].fileupload-has-focus + label *, [type="file"]:focus + label * { pointer-events: none; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="file" id="fileUpload" class="jsFileUpload" data-multiple-caption="{count} files selected" /> <label for="fileUpload"> <span class="jsFileName">Upload file(s)</span> </label>
如何确保当我按下上面的框/图像时,我会被重定向到另一个页面?
rn 我正在为我的学校建立一个网上商店。我有带有产品图片的图像或盒子。现在我希望人们可以按下图像并立即重定向到另一个页面......
JS - 通过在模式中单击按钮来增加 JavaScript 中的变量
这是我之前已回答和解决的问题的延续。 我用它来创建我自己的 JS 增量和减量。 错误 未捕获的类型错误:无法读取 null 的属性(
VBA / Outlook 2010 - 从默认邮件地址回复/回复全部
使用下面的 VBA 代码,我能够在 Outlook 2010 功能区上创建一个新按钮,我可以通过该按钮使用默认电子邮件地址发送电子邮件。 现在我想在 Outlook 上有一个类似的按钮...
我有一个生成样式文本的java脚本代码: 函数应用样式(){ var inputText = document.getElementById('userInput').value; var selectedStyle = document.getElementById('styleSelect...
我是 HTML 新手。 我使用的按钮样式是 css,如下所示 .button_style_enabled { 背景 : url("images/button_down.png") ; 颜色:#FFFFFF; 高度:21px...
我正在尝试创建一个按钮并处理可能的事件,例如单击按钮和悬停。 我发现了很多有用的文章,并且到目前为止已经能够验证这些事件。 我的问题是...
我需要为我正在制作的这个应用程序的主屏幕制作一个圆形按钮,但我无法使用“RoundedRectangle@Button”方法,因为我的代码不断抛出屏幕管理器只接受的错误
我试图将相同道具的四个按钮路由到不同的反应路线,但它不起作用。我已经创建了路线,尝试使用 Navigate 但它不起作用。 导入反应,{
我正在尝试使用 JS 模拟箭头键击键。我对 JS 没有经验,但我找到了一些可以实现我想要的功能的代码。问题是我无法让它使用两个按钮正常工作。 HTML: ...
我尝试在html中的表单中使用按钮,但是,当我尝试获取烧瓶中单击的按钮的值时,由于某种原因它不返回任何值,我之前的代码中也遇到了同样的问题b。 ..
我愿意: 水平居中对齐文本区域并始终保持居中 将按钮放置在文本区域右侧 15px 处并停留在那里 将按钮垂直居中于文本...
我想在 Vue Modal 中隐藏保存按钮,但是当我像这样访问该按钮时, .btn.btn-primary { 显示:无; } 它改变了每个 .btn-primary 的外观。确实...
我在树视图中添加了图标来执行一些操作,我想向这些按钮显示标题/标签。例如,我在树视图上有两个图标,其标题为空。所以我想打广告...
我的网页上有一个按钮,代码如下 - HTML: 我的网页上有一个带有以下代码的按钮 - HTML: <button type="submit" class="checkout-button" id="checkout-button" name="checkout-button"></button> CSS: .checkout-button{ width: 130px; height: 35px; background: url('../poc2/images/checkout.png') no-repeat; border: none; vertical-align: top; margin-left:35px; cursor:pointer; } 现在,该按钮工作正常,我可以单击它并运行相应的 php 代码;指针变成手形符号,让用户清楚地知道它是可点击的并且它是一个按钮。 我想做的是根据某些条件修改此按钮的行为。伪代码示例: if flag=1: /* enable the button, and let the user click it and run the php code */ else: /* display this button, but don't let any actions take place if the user clicks on it; */ 如何为按钮编写启用-禁用逻辑?基本上,我希望按钮在正常情况下像按钮一样工作;在某些其他情况下就像没有任何超链接的图片一样。 您可以在没有 JavaScript 的情况下执行此操作(需要刷新页面),也可以使用 JavaScript 并且无需刷新。 只需使用禁用属性: <button type="submit" class="checkout-button" id="checkout-button" name="checkout-button" disabled="disabled"></button> 如有必要,为其创建一个 css 样式。下面的示例显示了 JavaScript 解决方案。如果变量disableButton设置为true,该按钮将被禁用,否则可以单击: const disableButton = true; //change this value to false and the button will be clickable const button = document.getElementById('checkout-button'); if (disableButton) button.disabled = "disabled"; .checkout-button { width: 130px; height: 35px; background: #333; border: none; vertical-align: top; margin-left: 35px; cursor: pointer; color: #fff; } .checkout-button:disabled { background: #999; color: #555; cursor: not-allowed; } <button type="submit" class="checkout-button" id="checkout-button" name="checkout-button">submit</button> 您可以通过修改属性或添加/删除类来实现。 修改属性 您需要在 <button disabled="true"> 和 <button disabled="false"> 之间切换 使用 javascript,它可能看起来像这样: if flag=1: document.getElementById("your-btn").disabled = true; else: document.getElementById("your-btn").disabled = false; 使用jquery,像这样: if flag=1: $('#your-btn').prop('disabled', true); else: $('#your-btn').prop('disabled', false); 添加/删除班级 添加以下CSS: .btn-disabled{ cursor: not-allowed; pointer-events: none; } 并向按钮添加/删除类。 使用jquery: if flag=1: $('#your-btn').addClass('btn-disabled'); else: $('#your-btn').removeClass('btn-disabled'); 如果你不需要jquery,而是纯javascript,这里是如何做到的。 如果您的情况允许,您可以从 action 标签中删除 form 属性中的内容。因此,当用户单击“提交”时,不会执行任何操作。
Flutter Flame 游戏屏幕上是否可以只渲染一次按钮?
我正在尝试开发一款游戏。我想要在游戏屏幕底部有 6 个六边形按钮。然而,它们每秒渲染数千次。我不想要这个。我希望它们只渲染一次......