Questions tagged «button»

按钮是图形用户界面中的简单元素,将鼠标单击或手指点击(在触摸设备上)作为输入。

30
如何创建充当链接的HTML按钮?
Наэтотвопросестьответына 堆栈溢出нарусском:КаксоздатьHTML-кнопку,котораябудетвестисебя,какгиперссылка? 我想创建一个类似于链接的HTML按钮。因此,当您单击按钮时,它将重定向到页面。我希望它尽可能地易于访问。 我也希望这样做,因此URL中没有任何多余的字符或参数。 我该如何实现? 根据到目前为止发布的答案,我目前正在这样做: <form method="get" action="/page2"> <button type="submit">Continue</button> </form> 但这是在Safari和Internet Explorer中,它在URL的末尾添加了问号字符。我需要找到一种不会在URL末尾添加任何字符的解决方案。 还有其他两种解决方案:使用JavaScript或设置链接的样式以使其看起来像按钮。 使用JavaScript: <button onclick="window.location.href='/page2'">Continue</button> 但这显然需要JavaScript,因此,屏幕阅读器无法访问它。链接的重点是转到另一个页面。因此,试图使按钮像链接一样工作是错误的解决方案。我的建议是,您应该使用链接并设置其样式以使其看起来像一个按钮。 <a href="/link/to/page2">Continue</a>

15
<button>与<input type =“ button” />。使用哪个?
查看大多数站点(包括SO)时,大多数使用: &lt;input type="button" /&gt; 代替: &lt;button&gt;&lt;/button&gt; 两者之间的主要区别是什么? 是否有正当理由使用一个而不是另一个? 是否有使用它们的有效理由? &lt;button&gt;看到使用不是很广泛时,使用是否会带来兼容性问题?

28
使用JavaScript在文本框中的Enter键上触发按钮单击
我有一个文本输入和一个按钮(见下文)。当在文本框中按下键时,如何使用JavaScript 触发按钮的click事件Enter? 当前页面上已经有一个不同的“提交”按钮,因此我不能简单地将该按钮设为“提交”按钮。而且,如果只Enter从该一个文本框中按下该键,我只希望该键单击此特定按钮,没有别的。 &lt;input type="text" id="txtSearch" /&gt; &lt;input type="button" id="btnSearch" value="Search" onclick="doSomething();" /&gt;

17
如何防止按钮提交表单
在下一页中,使用Firefox,“删除”按钮提交表单,但“添加”按钮不提交。如何防止“删除”按钮提交表单? &lt;html&gt; &lt;head&gt; &lt;script type="text/javascript" src="jquery-1.3.2.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; function addItem() { var v = $('form :hidden:last').attr('name'); var n = /(.*)input/.exec(v); var newPrefix; if (n[1].length == 0) { newPrefix = '1'; } else { newPrefix = parseInt(n[1]) + 1; } var oldElem = $('form tr:last'); var newElem = oldElem.clone(true); var lastHidden …

16
Android:在Button或ImageButton上组合文本和图像
我试图在按钮上放置图像(作为背景)并动态添加,具体取决于运行时所发生的事情,图像上方/上方的一些文本。 如果使用,ImageButton我什至没有可能添加文本。如果我使用的话,Button我可以添加文本,但只能定义具有android:drawableBottom和此处定义的XML属性相似的图像。 但是,这些属性仅以x和y维度组合文本和图像,这意味着我可以在文本周围绘制图像,但不能在文本下方/下方绘制图像(z轴定义为从显示出来)。 有关如何执行此操作的任何建议?一种想法是扩展Button或ImageButton覆盖draw()-method。但是以我目前的知识水平,我真的不知道如何做到这一点(2D渲染)。也许有更多经验的人知道解决方案或至少有一些入门指南?
540 android  image  text  button 

8
我可以使<button>不提交表单吗?
我有一个表格,有两个按钮 &lt;a href="index.html"&gt;&lt;button&gt;Cancel changes&lt;/button&gt;&lt;/a&gt; &lt;button type="submit"&gt;Submit&lt;/button&gt; 我也使用jQuery UI的按钮,就像这样 $('button').button(); 但是,第一个按钮也会提交表单。我本以为如果没有type="submit",它就不会。 显然我可以做到这一点 $('button[type!=submit]').click(function(event) { event.stopPropagation(); }); 但是有没有办法可以在没有JavaScript干预的情况下阻止后退按钮提交表单? 老实说,我只使用了一个按钮,因此可以使用jQuery UI设置样式。我尝试调用button()该链接,但未如预期的那样工作(看起来非常难看!)。

18
如何在片段中使用XML onClick处理按钮单击
蜂窝前(Android 3),每个活动均已注册,以通过onClickLayout的XML中的标签处理按钮单击: android:onClick="myClickMethod" 在该方法中,您可以使用view.getId()和switch语句执行按钮逻辑。 随着Honeycomb的引入,我将这些活动分解为片段,可以在许多不同的活动中重用这些片段。按钮的大多数行为是独立于活动的,我希望代码驻留在Fragments文件中,而无需使用OnClickListener为每个按钮注册的旧方法(1.6版之前)。 final Button button = (Button) findViewById(R.id.button_id); button.setOnClickListener(new View.OnClickListener() { public void onClick(View v) { // Perform action on click } }); 问题是,当我的布局膨胀时,仍然是托管活动正在接收按钮点击,而不是单个片段。是否有一个好的方法 注册片段以接收按钮点击? 将点击事件从“活动”传递到它们所属的片段?

18
在Android中,如何以编程方式在dp中设置边距?
在这个,这个和这个线程中,我试图找到一个关于如何在单个视图上设置边距的答案。但是,我想知道是否没有更简单的方法。我将解释为什么我不想使用这种方法: 我有一个自定义按钮,它扩展了Button。如果背景设置为默认背景以外的其他值(通过调用setBackgroundResource(int id)或setBackgroundDrawable(Drawable d)),则我希望边距为0。如果我这样调用: public void setBackgroundToDefault() { backgroundIsDefault = true; super.setBackgroundResource(android.R.drawable.btn_default); // Set margins somehow } 我想将页边距重置为-3dp(我已经在这里阅读了如何从像素转换为dp,所以一旦我知道如何在px中设置页边距,就可以自己管理转换了)。但是由于这是在CustomButton类中调用的,因此父类可以从LinearLayout到TableLayout有所不同,我宁愿不要让他获得其父类并检查该父级的实例。我想那也将表现不佳。 另外,在调用(使用LayoutParams)时parentLayout.addView(myCustomButton, newParams),我不知道这是否将其添加到正确的位置(不过,还没有尝试过),说出一行五行的中间按钮。 问题:除了使用LayoutParams之外,还有其他任何更简便的方法以编程方式设置单个Button的边距吗? 编辑:我知道LayoutParams的方式,但我想要一个避免处理每个不同的容器类型的解决方案: ViewGroup.LayoutParams p = this.getLayoutParams(); if (p instanceof LinearLayout.LayoutParams) { LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams)p; if (_default) lp.setMargins(mc.oml, mc.omt, mc.omr, mc.omb); else lp.setMargins(mc.ml, mc.mt, mc.mr, mc.mb); this.setLayoutParams(lp); } else if …
401 android  layout  button  margin 

10
如何禁用Android按钮?
我创建了一个包含两个按钮的布局,“下一步”和“上一个”。在按钮之间,我正在生成一些动态视图。因此,当我第一次启动该应用程序时,我想禁用“ Previous”按钮,因为将没有任何以前的视图。我也想在没有更多视图显示时禁用“下一步”按钮。反正有禁用按钮?
369 android  layout  button 


11
Android Material Design按钮样式
我对材质设计的按钮样式感到困惑。我想获得彩色的凸起按钮,如附件链接中所示。例如,在“使用情况”部分下看到的“强制停止”和“卸载”按钮。是否有可用的样式或需要定义它们? http://www.google.com/design/spec/components/buttons.html#buttons-usage 我找不到默认的按钮样式。 例: &lt;Button style="@style/PrimaryButton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Calculate" android:id="@+id/button3" android:layout_below="@+id/editText5" android:layout_alignEnd="@+id/editText5" android:enabled="true" /&gt; 如果我尝试通过添加来更改按钮的背景色 android:background="@color/primary" 所有样式都会消失,例如触摸动画,阴影,圆角等。

7
按钮的工具提示
是否可以为html按钮创建工具提示。它是正常的HTML按钮,并且没有Title属性,因为某些html控件存在该属性。有什么想法或意见吗?
292 html  button  tooltip 

6
如何使按钮看起来像一个链接?
我需要使按钮看起来像使用CSS的链接。所做的更改已完成,但是当我单击它时,它似乎显示为已按下按钮。任何想法如何删除它,以便即使单击该按钮也可以用作链接?
287 css  button  hyperlink 

14
如何在Twitter Bootstrap 3中将按钮居中?
我正在Twitter Bootstrap中构建表单,但是在将按钮置于表单输入下方的中心时遇到问题。我已经尝试过将center-block类应用于按钮,但这没有用。我该如何解决? 这是我的代码。 &lt;!-- Button --&gt; &lt;div class="form-group"&gt; &lt;label class="col-md-4 control-label" for="singlebutton"&gt;&lt;/label&gt; &lt;div class="col-md-4"&gt; &lt;button id="singlebutton" name="singlebutton" class="btn btn-primary center-block"&gt; Next Step! &lt;/button&gt; &lt;/div&gt; &lt;/div&gt;

28
带有Material Design和AppCompat的Android中的着色按钮
在AppCompat今天更新发布之前,我可以更改Android L中按钮的颜色,但不能更改旧版本上的按钮的颜色。包括新的AppCompat更新后,我无法更改任何一个版本的颜色,但是当我尝试尝试该按钮时,该按钮便消失了。有人知道如何更改按钮的颜色吗? 下图显示了我想要实现的目标: 白色按钮是默认按钮,红色按钮是我想要的按钮。 这是我之前所做的更改styles.xml:中按钮颜色的操作 &lt;item name="android:colorButtonNormal"&gt;insert color here&lt;/item&gt; 并动态地执行此操作: button.getBackground().setColorFilter(getResources().getColor(insert color here), PorterDuff.Mode.MULTIPLY); 我也确实将主题父级从更改@android:style/Theme.Material.Light.DarkActionBar为Theme.AppCompat.Light.DarkActionBar

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.