本篇文章主要为大家讲述的是关于html input标签的value属性的用法和value属性的值,还有关于input标签的value属性的相关联的值。下面就让我们一起来看看这篇文章吧
首先让我们看看HTML中的input标签的用法:
value属性是input元素规定值。
对于不同类型的input元素,value属性的用法也不同:
对于”button”,”reset”,”submit”类型-定义按钮上的文本
立即学习“前端免费学习笔记(深入)”;
对于”text”,”password”,”hidden”类型-定义输入字段的初始(默认)值
对于”checkbox”, “radio”, “image” 类型-定义与input元素相关的值。该值会发送到表单的action URL。
注释:value属性对于和是必需的。
注释:value属性不适用于。
说了这么多,来看看实例:
带有value属性预定义值的表单:
请输入用户名:
第二次用户名:
效果如图所示:

上图就是代码的结果,是定义的表单形式。
现在让我们来看看相关联的value值:
以输入框为例,每个框是不是可以输入内容?这个内容就是输入框关联的值,你给它设置个value属性,那么你设置的value就是它的值,会显示在输入框中。同样的,单选按钮也可以设置一个值,但是这个值不像输入框那样你设置了会显示出来,但是设置了就代表它就有了这么一个值,就好比标注它是男是女一样,是男是女未必看的出来,但是可以标注出来。
有时需要把一个input标签从一个位置调整到另一个位置,调整后input的值就是input标签中value属性的值,如果你修改值的方式并没有修改到value属性,那么调整后你设置的值就会丢失。
所以假如你有上述的操作,请一定确保你修改值的方式修改到了input的value属性,或者使用其他方式实现上述的操作,如jQuery的clone方法。
再来一个关于input标签的复选框做法:
我会PHP
我会html
我会python
上代码效果如图:

好了,现在这篇文章结束了,有问题的小伙伴就在下方留言吧
【小编推荐】
HTML中的base标签如何写相对路径?(内附使用介绍)
HTML img标签的src属性的用法是什么?具体使用方法解析(内附实例)
以上就是如何获取HTML中input标签的value的值?关于input value的用法详解的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1546750.html
微信扫一扫
支付宝扫一扫