Question

我正在寻找值=“提交”以显示在按钮的中间。我没有看到任何文字，不知道为什么？

<button type="button" class="button btn_big_blue" value="Submit"></button>

.button{
    display: block;
    width: 137px;
    height:    44px;
    text-align:center;
    line-height: 40px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color:#fff;
    border:none;
    cursor: pointer;
}

.button.btn_big_blue {
    background: url(/img/btn_big_blue.png) no-repeat;
    color: #fff;
}

Answer 1

当您使用按钮标记时，您将要在开始和结束标记之间的按钮放在按钮中。

<button>Submit</button>

value="Submit仅适用于<input type="button"＆gt;

Answer 2

<button>代码不使用value属性。

您应该切换到<input type="submit" value="..." />或将标题移动到代码的内容。

Answer 3

value是提交/发送表单时传输的值。

您希望将内容放在按钮标记之间：

 <button class="button …">Submit</button>

PS。类按钮似乎没用，因为你可以直接设置按钮的样式

Answer 4

出于某种原因，在 Atom 上，您需要在提交之后包含 /，如下所示：

而 codepen 中的相同内容显示没有斜杠的 Submit 值，如下所示：

html按钮，值=“提交”没有显示？

4 个答案: