如何更改我的按钮显示的文字?

时间:2016-02-05 04:57:57

标签: html css twitter-bootstrap web-applications

我正在创建一个网络应用程序,似乎无法解决这个问题。

我在这里有一个按钮:

  <form action="test" method="post" >
      <input type="Submit" name="Submit" class="btn btn-lg btn-default">
    </form>

当我在我的网站上测试代码时,按钮显示如下:

enter image description here

如何更改按钮的文字,而不是说“提交”,而不是“主页”?我已经尝试更改按钮的名称属性,但它仍然显示“提交”。

我对CSS和HTML并不是很了解,所以如果有人可以告诉我如何做到这一点 - 那就太棒了。

谢谢:)

7 个答案:

答案 0 :(得分:2)

<form action="test" method="post" >
   <input type="Submit" name="Submit" value="Home" class="btn btn-lg btn-default">
</form>

首页----&gt;将其更改为您想要的任何内容

答案 1 :(得分:2)

您可以在里面使用value="your text here",如下所示:

<input type="Submit" name="Submit" value="My Text Here" class="btn btn-lg btn-default">

不要忘记添加/以获得更好的编码:

<input type="Submit" name="Submit" value="My Text Here" class="btn btn-lg btn-default"/>

答案 2 :(得分:2)

<form action="test" method="post" >
      <input type="Submit" value="Click Here" name="Submit" class="btn btn-lg btn-default">
    </form>

答案 3 :(得分:1)

正如其他人在上面提到的那样,你必须设置值标签,它将用作显示文本。默认情况下,提交提交按钮文本。

或者,如果要在运行时更改按钮文本,可以使用javascript / jquery。

答案 4 :(得分:1)

<form action="test" method="post" >
<input type="Submit" name="Submit" value="Click" class="btn btn-lg btn-default">
</form>

可以通过value =“watever”

更改按钮的文本

答案 5 :(得分:1)

 <form action="test" method="post" >
      <input type="Submit" name="Submit" Value="Home" class="btn btn-lg btn-default">
    </form>

您可以通过值atts

进行更改

答案 6 :(得分:1)

太容易更改input type button名称

在代码

中使用 value属性

我添加了一个spinet,这让你明白了。 :)

<form action="test" method="post" >
      <input type="Submit" value="HOME" name="Submit" class="btn btn-lg btn-default">
    </form>