问题标签 [htmlbutton]

我有一个文本输入和一个按钮（见下文）。当在文本框中按下键时，如何使用 JavaScript触发按钮的单击事件？Enter

我的当前页面上已经有一个不同的提交按钮，所以我不能简单地将按钮设置为提交按钮。而且，如果从这个文本框中按下该键，我只希望该Enter键单击该特定按钮，仅此而已。

我想<button>在 ASP.NET 网站中使用较新的标签，除其他外，它允许 CSS 样式的文本并在按钮内嵌入图形。asp:Button 控件呈现为<input type="button">，有没有办法使预先存在的控件呈现为<button>？

从我读过的内容来看，当按钮位于 a 内时，IE 发布按钮的标记而不是 value 属性不兼容<form>，但在 ASP.NET 中它将使用 onclick 事件触发 __doPostBack，所以我不不认为这会是一个问题。

有什么理由我不应该使用它吗？如果没有，您将如何使用 asp:Button 或基于它的新服务器控件来支持它？如果可以避免，我宁愿不编写自己的服务器控件。

起初该<button runat="server">解决方案有效，但我立即遇到了需要具有 CommandName 属性的情况，而 HtmlButton 控件没有该属性。看来我毕竟需要创建一个从 Button 继承的控件。

我需要做什么才能覆盖渲染方法并使其呈现我想要的内容？

更新

DanHerbert 的回复让我有兴趣再次找到解决此问题的方法，因此我花了更多时间来解决这个问题。

首先，重载 TagName 有一种更简单的方法：

Dan 的解决方案的问题在于标签的 innerhtml 被放入 value 属性中，这会导致回发时出现验证错误。一个相关的问题是，即使您正确呈现 value 属性，IE 的<button>标记的脑死实现仍会发布 innerhtml 而不是 value。因此，任何实现都需要重写 AddAttributesToRender 方法以正确呈现 value 属性，并为 IE 提供某种解决方法，这样它就不会完全搞砸回发。

如果您想利用数据绑定控件的 CommandName/CommandArgument 属性，IE 问题可能是无法克服的。希望有人可以为此提出解决方法。

我在渲染方面取得了进展：

现代按钮.cs

这将呈现为具有正确值的正确 html <button>，但它不适用于 ASP.Net PostBack 系统。我已经写了一些我需要提供Command事件的东西，但它不会触发。

当与常规 asp:Button 并排检查此按钮时，除了我需要的差异外，它们看起来相同。所以我不确定Command在这种情况下 ASP.Net 是如何连接事件的。

另一个问题是，嵌套的服务器控件没有被渲染（正如你可以看到的 ParseChildren(false) 属性）。在渲染期间将文字 html 文本注入控件非常容易，但是如何支持嵌套的服务器控件呢？

我已经在禁用验证的情况下从 HtmlButton 创建了一个服务器控件。

不是输入按钮！！！

我的表单上有一堆验证器，当我单击 HtmlButton 时，它们仍然运行验证器。如果我使用输入按钮没有问题并且验证器不会运行。

这是预期的行为还是错误？

我在这里有一个特殊的问题，我无法通过我的生活弄清楚解决方案是什么。请注意，以下代码不是动态创建的，而是立即在我的aspx文件中创建的。

只要我没有该onclick属性，它就可以正常工作，即OnServerClick处理程序按应有的方式被触发。但是当我使用该onclick属性时，无论我是确认还是拒绝确认对话框都不是。

我究竟做错了什么？谢谢

如何使用我网页中的 html 按钮调用在我的扩展中声明的 Javascript 函数？

我有一个 html 页面，里面有一个按钮。当用户单击按钮时，它将调用我已经在自己的 Firefox 扩展中声明的函数。

我该怎么做？我试过设置tabindex属性无济于事。

我有一个表格，有 2 个按钮

我也在它们上使用 jQuery UI 的按钮，就像这样

但是，第一个按钮也提交表单。我会认为，如果它没有type="submit"，它就不会。

显然我可以做到这一点

但是有没有一种方法可以阻止后退按钮在没有 JavaScript 干预的情况下提交表单？

老实说，我只使用了一个按钮，所以我可以使用 jQuery UI 来设置它的样式。我尝试调用button()链接，但它没有按预期工作（看起来很丑！）。

我无法让 <button> 元素在 iPhone/iPad 上正确呈现。

这是示例：

这个想法是有一个固定宽度的按钮，文本根据需要换行。在最新的 IE、FF 甚至桌面 Safari（Mac 和 PC）中，一切都按预期工作。按钮宽度固定，文本换行，按钮高度自动增加以显示换行。

在 iPhone/iPad 上，文本换行，但按钮高度没有增加。因此，用户无法看到所有文本。

有没有人知道如何像在桌面浏览器上一样在 iPhone/iPad 上进行这项工作，或者这是移动 Safari 的限制？

我希望有人可以在这里帮助我。<button我有一个标准的用户名/密码表单，它使用包含小图像的 > 标记提交。

该按钮是一个固定的宽度和高度，没有边距、填充、向左对齐的文本，并且没有其他内容栏<img> 标记。它看起来很好，并且可以在我的 Win7 PC 上的任何现代浏览器上正常工作。

在 iPhone 4 Safari 上（我没有 iPad 来检查），就我所见（通过使用背景颜色），按钮以正确的宽度和高度显示。左边有一个莫名其妙的间隙，由于溢出，部分图像正在丢失。

我一直找不到任何可能导致此问题的 CSS，或者可以修复它的 CSS - 所以这很烦人。有没有人遇到过类似的？因为我在有限的空间中工作（因此固定大小和溢出）只是离开它并不是我的首选，因为它会破坏盒子的外观。

我目前的解决方法是废弃按钮标签并通过单击图像提交表单，尽管我并不认为这是理想的。

总而言之 - BUTTON 的大小和位置似乎都正确，但它的子 IMG 在 iPhone 4 上呈现在错误的位置。

编辑：对不起，应该包含一个链接... wamdirect.co.uk是我正在处理的网站，问题出在在 iPhone 4 上查看时右上角的登录框。

这很奇怪。我看到了@Html.Button() 的引用，但是当我输入 Intellisense 时找不到这样的帮助器...有下拉列表、隐藏、编辑器等，但没有按钮！

那是怎么回事？