Html 使用标签标签提交表单

如果不使用图像或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>

---

如果问题是将HTML代码放入按钮中，您应该使用

，这将允许您这样做

发送

但是要回答你关于
的问题：不，那不行。显然，它会起作用，在考虑了一下之后，我觉得没有理由不这样做

如果不使用图像或javascript，则很难为提交输入设置样式

在不使用javascript或图像的情况下，很容易为输入设置样式

对所有提交按钮使用css样式-
输入[type=submit]
或使用类
输入。提交btn
应用于特定元素

你可以设计颜色、边框、背景、填充、位置、字体大小、渐变、阴影…所有使用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;
    }

根据：

label元素不用于以下内容，因为这些元素的标签是通过value属性（对于提交和重置按钮）、alt属性（对于图像按钮）或元素内容本身（按钮）提供的

感谢耶利米·艾萨克森指出这一点


旧答案

是的，这会有用的。我无法在所有浏览器中验证该行为，但以下内容是：

将一个标签与另一个标签相关联
控件隐式地
元素必须在
标签元素。。。当标签
元素接收焦点，并传递
关注与之相关的控件

因此，我猜通过单击标签，您实际上是在单击提交输入

感谢@stevelove指出了这一点的可行性。
-webkit在IE和Opera中不起作用。我的观点是，使用css设计提交按钮很容易，但你是正确的。是什么让
输入年龄：
比
更具语义，提交表单：
，如果想法是将按钮包装在额外的
元素中，只是为了为多个边框（如OP所说）添加标记，我仍然认为应该将其标记包装在
元素中（对于提交和重置按钮）、alt属性（对于图像按钮）或元素内容本身（按钮）。“来源：