怎样猎取HTML中input标签的value的值？对于input value的用途详

本篇文章主要为大家讲述的是关于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属性关于<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中的base标签怎样写相对途径？（内附使用介绍）

HTML img标签的src属性的用途是啥？详细使用办法解析（内附实例）

以上就是怎样猎取HTML中input标签的value的值？关于input value的用途详解的具体内容，更多请关注百分百源码网其它相关文章！