使用标签标签提交表单
使用标签标签提交表单
提问于 2010-11-23 15:12:38
在不使用图像或javascript的情况下，很难对提交的输入进行样式化。
如我所知，没有办法将HTML代码直接插入sumbit输入值。如果我将提交输入包装在div元素中(例如添加多个边框)，则不是整个区域都是可点击的。
单击标签会导致在所有浏览器中提交表单()吗？
<form method="test.rb">
<input type="text" name="test" id="test" />
<label for="button">
<input type="submit" name="button" id="button" value="Send!" />
</label>
</form>回答 2
Stack Overflow用户
发布于 2010-11-23 15:24:07
label元素不用于以下操作，因为这些元素的标签是通过value属性(用于提交和重置按钮)、alt属性(用于图像按钮)或元素内容本身(按钮)提供的。
感谢@Jeremiah Isaacson指出了这一点。
旧答案
是的，这会有用的。我无法在所有浏览器上验证该行为，但以下是W3C规范必须说
若要将标签与另一个控件隐式关联，控件元素必须位于label元素的内容中.当LABEL元素接收到焦点时，它会将焦点传递给其关联控件。
所以，我想通过单击标签，您实际上是在单击submit输入。
感谢@stevelove指出了这一点的可行性。
Stack Overflow用户
发布于 2010-11-23 15:23:17
在不使用图像或javascript的情况下，很难对提交的输入进行样式化。
在不使用javascript或图像的情况下，很容易对输入进行样式化。
对所有提交按钮- input[type=submit]使用css样式，或使用应用于特定元素的类input.submit-btn
您可以样式的颜色，边框，背景，填充，位置，字体重量，渐变，下降shadows..all数量的效果使用css.
看，性感的纽扣-
input[type=submit] {
padding:4px;
color: #fff;
margin-top: 10px;
background-color: #e96000;
border: none;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6900), to(#e96000));
background: -moz-linear-gradient(25% 75% 90deg, #e96000, #ff6900);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4257474
复制相关文章
相似问题
腾讯云开发者
