js中的bug吗。第一个按钮我觉得是【添加3】，而不是【添加】3。为什么都是value的值


<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <title>，，</title>
</head>
<body>
    <p><input type="button" class="btn btn-info"  v-on:click="Insert" value="添加">3</p>
    <form action="/submit" method="post">
        <button type="submit" name="button1" value="value1">Button 2</button>
        <button type="submit" name="button2" value="value2">Button 2</button>
    </form>
</body>
</html>

img


**第一个按钮我觉得是【添加3】，而不是【添加】3。为什么都是value的值
input标签里value是按钮的值，
而button的value不是按钮的值
**
代码如下

img

你写了“‘添加’>3”，建议改成“‘添加’<3”或“‘添加’=3”，应该可以运行

【以下回答由 ChatGPT 生成】

问题中提到的第一个按钮的代码如下：

<input type="button" class="btn btn-info" v-on:click="Insert" value="添加">3

在这个按钮标签中，value属性的值是"添加"。此外，还有一个文本节点"3"紧跟在按钮标签的后面。

而第二个问题中提到的标签和

解决
> 方案: 问题一：为什么第一个按钮的值是"添加"而不是"添加3"？ 这是由于HTML中的按钮标签的value属性只决定了按钮在页面中的文字显示，而不会在点击事件中传递给JavaScript。即使将按钮的innerText设置为"添加3"，点击事件所取得的值仍然是"value"。

问题二：在标签中，value属性可以用来设置按钮的值，而</button><button>标签的value属性则是用来设置提交按钮的值。
这是由于标签中的value属性是用来设置输入框的默认值的，但在</button><button>标签中，value属性表示的是按钮的提交值，用于在提交表单时传递给后端服务器处理。

标签中的 value属性是用来设置输入框的  默认值  的，
但在</button><button>
标签中，value属性表示的是按钮的          提交值，用于在提交表单时传递给后端服务器处理。

input标签就是这么定义的，如果你想【添加3】可以用button标签

img

img