HTML button标签的 value 属性

返回到:HTML button标签

本节课,我们学习HTML button标签的 value 属性。

定义和用法

value 属性规定了 <form> 中 <button> 的初始值。

注意: 在表单中,如果按钮作为表单数据提交,只有表单的value值会被提交。

HTML 4.01 与 HTML5之间的差异

NONE.

语法

<button value="value">

属性值

描述
value按钮的初始值。

浏览器兼容

所有主流浏览器都支持 value 属性。

重要事项:如果在 HTML 表单中使用 button 元素,不同的浏览器会提交不同的值。Internet Explorer 将提交 <button> 与 <button/> 之间的文本,而其他浏览器将提交 value 属性的内容。请在 HTML 表单中使用 input 元素来创建按钮。

实例

两个按钮带有相同的名称,在单击它们时提交不同的值:

<form action="demo_form.html" method="get">
  Choose your favorite subject:
  <button name="subject" type="submit" value="fav_HTML">HTML</button>
  <button name="subject" type="submit" value="fav_CSS">CSS</button>
</form> 

返回到:HTML button标签

terry

这个人很懒,什么都没有留下~

Share
Published by
terry

Recent Posts

聊聊vue3中的defineProps

在Vue 3中,defineP…

1 周 ago

在 Chrome 中删除、允许和管理 Cookie

您可以选择删除现有 Cooki…

2 周 ago

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

3 周 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

4 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

4 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

1 月 ago