如何将HTML元素的值相加？
本文将教你如何在HTML中添加元素的值。我们对HTML中的value属性以及使用value属性的情况有一个基本的了解。让我们期待对HTML value属性有更好的理解。
在 HTML 中，value 属性用于描述与其一起使用的元素的值。对于各种 HTML 组件来说，它具有不同的含义。用法- 它可以与 、
对于各种类型的输入，它都有不同的含义：
-
当按钮出现在 “button,” “reset,” 和 “submit” 中时，它指定了按钮上的文本。
-
它指定输入字段出现在“文本”、“密码”和“隐藏”值中时的初始值。
-
当存在 “checkbox”、”radio” 和 “picture” 时，它表示与输入相关联的值。
HTML
可点击的按钮在HTML中由bb9345e55eb71822850ff156dfde57c8标签定义。内容使用bb9345e55eb71822850ff156dfde57c8标签发送。bb9345e55eb71822850ff156dfde57c8标签可以包含图形和文本信息。不同的浏览器使用不同的默认类型来显示”button”。
示例
在下面的示例中，我们创建了两个bb9345e55eb71822850ff156dfde57c8标签，一个用作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>元素可以以多种不同的方式呈现。
示例
考虑以下示例，我们使用带有默认值的 标签的 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 属性显示名字和姓氏默认值的输入字段以及网页上的提交按钮。
列表项是使用
- 和
示例
考虑以下示例，我们在有序列表中使用 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元素的值相加？的详细内容，更多请关注双恒网络其它相关文章！
云资源网
