javascript - html 如何使 "input"文本与传递到服务器的值不同

Question

有人可以告诉我是否有办法区分输入按钮上显示的文本和单击按钮时传递到服务器的值。

例如，我有一个输入按钮，单击它时，我希望它将“100”传递到服务器(我只是设置值= 100)，但我没有在按钮上显示“100”，而是希望它显示“200”。

这种情况，有什么办法吗？如果我不使用“按钮”怎么办？

非常感谢!

Answer 1

根据您实际想要完成的任务，一种方法是使用隐藏字段而不是依赖按钮的值:

<!-- Instead of -->
<form>
     <input type="submit" name="buttonName" value="200">
</form>   
<!-- Do this -->
<form>
     <input type="hidden" name="buttonName" value="100">
     <input type="submit" value="200">
</form>

或者您可以使用按钮代替输入，它可以有不同的文本和值:

<form>
    <button type="submit" name="buttonName" value="100">200</button>
</form>