本文将教你如何在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元素的值相加？的详细内容，更多请关注双恒网络其它相关文章！
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请联系管理员处理！
6. 本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
7. 如遇到加密压缩包，请使用WINRAR解压,如遇到无法解压的请联系管理员！
8. 精力有限，不少源码未能详细测试（解密），不能分辨部分源码是病毒还是误报，所以没有进行任何修改，大家使用前请进行甄别
9.本站默认解压密码为:www.sudo1.com
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的。
不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站信息来自网络收集整理，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑或手机中彻底删除上述内容。
如果您喜欢该程序和内容，请支持正版，购买注册，得到更好的正版服务。
我们非常重视版权问题，如有侵权请邮件与我们联系处理。敬请谅解！
云资源网 » 如何将HTML元素的值相加？
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用？
- 本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了？
- 你们有qq群吗怎么加入？
