如何将HTML元素的值相加？-html教程-PHP中文网

如何将HTML元素的值相加？

WBOY

发布： 2023-09-16 08:41:06

转载

1490人浏览过

如何将html元素的值相加？

本文将教你如何在HTML中添加元素的值。我们对HTML中的value属性以及使用value属性的情况有一个基本的了解。让我们期待对HTML value属性有更好的理解。

在 HTML 中，value 属性用于描述与其一起使用的元素的值。对于各种 HTML 组件来说，它具有不同的含义。用法- 它可以与、

对于各种类型的输入，它都有不同的含义：

当按钮出现在 "button," "reset," 和 "submit" 中时，它指定了按钮上的文本。

立即学习“前端免费学习笔记（深入）”；
它指定输入字段出现在“文本”、“密码”和“隐藏”值中时的初始值。
当存在 "checkbox"、"radio" 和 "picture" 时，它表示与输入相关联的值。

HTML

可点击的按钮在HTML中由<button>标签定义。内容使用<button>标签发送。<button>标签可以包含图形和文本信息。不同的浏览器使用不同的默认类型来显示"button"。

示例

在下面的示例中，我们创建了两个<button>标签，一个用作HTML主题按钮，另一个用作JAVA主题按钮

<!DOCTYPE html>
<html>
<body>
   <form action="#" method="get">
      Choose The Subject:
      <button name="subject" type="submit" value="HTML">HTML</button>
      <button name="subject" type="submit" value="java">JAVA</button>
   </form>
</body>
</html>

登录后复制

HTML 标签

<input>标签指定了一个用于用户输入数据的字段。最重要的表单元素是<input>元素。根据类型属性的不同，<input>元素可以以多种不同的方式呈现。

通义万相

通义万相，一个不断进化的AI艺术创作大模型

596

查看详情

示例

考虑以下示例，我们使用带有默认值的标签的 HTML 表单

<!DOCTYPE html>
<html>
<body>
   <form action="#">
      <label for="firstname">FIRST NAME:</label>
      <input type="text" id="firstname" name="firstname" value="TUTORIALS"><br><br>
      <label for="lastname">LAST NAME:</label>
      <input type="text" id="lastname" name="lastname" value="POINT"><br><br>
      <input type="submit" value="Submit">
   </form>
</body>
</html>

登录后复制

运行上述脚本时，它将生成一个输出，其中包括一个使用 value 属性显示名字和姓氏默认值的输入字段以及网页上的提交按钮。

HTML 元素

列表项是使用

标签定义的。有序列表、无序列表和菜单列表都使用

标签。列表项通常以

和中的项目符号点显示。

示例

考虑以下示例，我们在有序列表中使用 value 属性。

<!DOCTYPE html>
<html>
<body>
   <ol>
      <li value="100">THAR</li>
      <li>BMW</li>
      <li>DUCATI</li>
      <li>BENZ</li>
      <li>TERRANO</li>
      <li>CIAZ</li>
   </ol>
</body>
</html>

登录后复制

运行上述脚本后，输出窗口将弹出，显示脚本中使用的不同汽车的有序列表，从数字100开始，因为我们在网页上提到了value="100"。

使用脚本

在下面的示例中，我们正在运行一个脚本来更改文本字段的值。

示例

<!DOCTYPE html>
<html>
<body>
   Name: <input type="text" id="mytutorial" value="THOR">
   <p>Click To Change Value </p>
   <button onclick="mytutorial1()">Click</button>
   <script>
      function mytutorial1() {
         document.getElementById("mytutorial").value = "BLACK WIDOW";
      }
   </script>
</body>
</html>

登录后复制

当脚本执行时，它将生成一个输出，其中包含一个值为“thor”的输入字段以及一个单击按钮。当用户点击按钮时，事件被触发并改变网页上的输入值=“黑寡妇”。

以上就是如何将HTML元素的值相加？的详细内容，更多请关注php中文网其它相关文章！