如何更改我的按钮显示的文本？答案

【问题标题】：How to change the text my button displays?如何更改我的按钮显示的文本？
【发布时间】：2016-05-14 23:33:23
【问题描述】：

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

我这里有一个按钮：

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

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

我怎样才能更改按钮的文本，而不是显示“提交”而是显示“主页”？我尝试更改按钮的名称属性，但它仍然显示“提交”。

我对 CSS 和 HTML 了解不多，所以如果有人能指导我如何做到这一点，那就太好了。

谢谢:)

【问题讨论】：

【解决方案1】：

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

首页 ---- > 改成你想要的样子

【讨论】：

【解决方案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"/>

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

正如其他人在上面提到的，您必须设置值标签，并将其用作显示文本。默认情况下，提交按钮文本是提交。

如果您想在运行时更改按钮文本，也可以使用 javascript/jquery。

【讨论】：

【解决方案5】：

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

按钮的文字可以通过value="watever"来改变

【讨论】：

【解决方案6】：

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

你可以通过值来改变

【讨论】：

【解决方案7】：

更改您的input type button 名称太容易了

在标签中使用value属性

我添加了一个尖晶石，这让你明白了。 :)

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

【讨论】：