怎么获取HTML中input标签的value的值

今天就跟大家聊聊有关怎么获取HTML中input标签的value的值，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

创新互联建站专注于企业全网营销推广、网站重做改版、文圣网站定制设计、自适应品牌网站建设、html5、商城系统网站开发、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为文圣等各大城市提供网站开发制作服务。

首先让我们看看HTML中的input标签的用法：

value属性是input元素规定值。

对于不同类型的input元素，value属性的用法也不同：

对于"button","reset","submit"类型-定义按钮上的文本

对于"text","password","hidden"类型-定义输入字段的初始（默认）值

对于"checkbox", "radio", "image" 类型-定义与input元素相关的值。该值会发送到表单的action URL。

注释：value属性对于<input type="checkbox">和<input type="radio">是必需的。

注释：value属性不适用于<input type="file">。

说了这么多，来看看实例：

带有value属性预定义值的表单：

<form action="demo_form.asp" method="get">
  请输入用户名: <input type="text" name="fname" value="Bill" /><br />
  第二次用户名: <input type="text" name="lname" value="Gates" /><br />
  <input type="submit" value="提交" />
</form>

效果如图所示：

上图就是代码的结果，是定义的表单形式。

现在让我们来看看相关联的value值：

以输入框为例，每个框是不是可以输入内容？这个内容就是输入框关联的值，你给它设置个value属性，那么你设置的value就是它的值，会显示在输入框中。同样的，单选按钮也可以设置一个值，但是这个值不像输入框那样你设置了会显示出来，但是设置了就代表它就有了这么一个值，就好比标注它是男是女一样，是男是女未必看的出来，但是可以标注出来。

有时需要把一个input标签从一个位置调整到另一个位置，调整后input的值就是input标签中value属性的值，如果你修改值的方式并没有修改到value属性，那么调整后你设置的值就会丢失。

<form> 
<input id="input" type="input" value='2'></input> 
</form>

所以假如你有上述的操作，请一定确保你修改值的方式修改到了input的value属性，或者使用其他方式实现上述的操作，如jQuery的clone方法。

再来一个关于input标签的复选框做法：

<form action="demo-form.php">
  <input type="checkbox" name="vehicle[]" value="Bike">我会PHP<br>
  <input type="checkbox" name="vehicle[]" value="Car">我会html<br>
  <input type="checkbox" name="vehicle[]" value="Boat">我会python<br>
  <input type="submit" value="提交">
</form>

上代码效果如图：

好了，现在这篇文章结束了，有问题的小伙伴就在下方留言吧

看完上述内容，你们对怎么获取HTML中input标签的value的值有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注创新互联行业资讯频道，感谢大家的支持。

网页标题：怎么获取HTML中input标签的value的值
URL标题：/article16/pjdedg.html

成都网站建设公司_创新互联，为您提供服务器托管、微信小程序、外贸网站建设、定制网站、营销型网站建设、星空体育app最新版本(2024已更新)

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联