相关疑难解决方法(0)

如何确定HTML表单上的默认提交按钮?

如果表单已提交但未通过任何特定按钮提交,例如

  • 按下 Enter
  • HTMLFormElement.submit()在JS中使用

浏览器应该如何确定多个提交按钮中的哪一个(如果有的话)用作按下的按钮?

这在两个层面上很重要:

  • 调用onclick附加到提交按钮的事件处理程序
  • 数据发送回Web服务器

到目前为止,我的实验表明:

  • 按下时Enter,Firefox,Opera和Safari使用表单中的第一个提交按钮
  • 当按下时Enter,IE使用第一个提交按钮或根本不使用,这取决于我无法弄清楚的条件
  • 所有这些浏览器根本不使用JS提交

标准说什么?

如果它会有所帮助,这是我的测试代码(PHP仅与我的测试方法相关,而不是我的问题本身)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
</head>

<body>

<h1>Get</h1>
<dl>
<?php foreach ($_GET as $k => $v) echo "<dt>$k</dt><dd>$v</dd>"; ?>
</dl>

<h1>Post</h1>
<dl>
<?php foreach ($_POST as $k => $v) echo "<dt>$k</dt><dd>$v</dd>"; ?>
</dl>

<form name="theForm" method="<?php echo isset($_GET['method']) ? $_GET['method'] : 'get'; ?>" action="<?php echo …
Run Code Online (Sandbox Code Playgroud)

html javascript standards cross-browser

201
推荐指数
6
解决办法
17万
查看次数

如何制作看起来不像按钮的Glyphicon按钮

我正在为我的HTML/Javascript应用程序添加一些控件.当用户点击它们时,它们应该执行一个动作.虽然我可以将click事件绑定到任何元素,但从语义上讲,<button>元素似乎是正确的选择.它不仅表示一个应该被点击的元素,而且还提供了所需的默认行为(例如:cursor: pointer在CSS中); 我想避免重新设计.

但是,我希望我的控件看起来不像典型的按钮.具体来说,我想使用glyphicons(通过Bootstrap)来设置外观.

将glyphicon添加到按钮很简单:

<button type="button"><span class="glyphicon glyphicon-plus-sign"></span></button>
Run Code Online (Sandbox Code Playgroud)

但这只是将glyphicon包装在标准按钮外观中:

嵌入按钮的图标

(这是Chrome for OS X的屏幕截图)

我可以将glyphicon类直接附加到按钮:

<button type="button" class="glyphicon glyphicon-plus-sign"></button>
Run Code Online (Sandbox Code Playgroud)

......但这看起来更糟糕了:

带图标类的按钮

我确信我可以尝试剥离CSS中的各种边框,背景等,但这似乎不是非常跨平台或可靠的.

取消按钮按钮的最佳方法是什么?

html css twitter-bootstrap glyphicons

9
推荐指数
1
解决办法
1万
查看次数