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

 

　　value属性是input元素规定值。

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

　　<formaction="demo_form.asp"method="get">

 

　　请输入用户名:<inputtype="text"name="fname"value="Bill"/><br/>

 

　　第二次用户名:<inputtype="text"name="lname"value="Gates"/><br/>

 

　　<inputtype="submit"value="提交"/>

 

　　</form>

 

　　效果如图所示：

 

　　tuyi.png

 

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

 

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

 

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

 

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

 

　　<form>

 

　　<inputid="input"type="input"value='2'></input>

 

　　</form>

 

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

 

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

 

　　<formaction="demo-form.php">

 

　　<inputtype="checkbox"name="vehicle[]"value="Bike">我会PHP<br>

 

　　<inputtype="checkbox"name="vehicle[]"value="Car">我会html<br>

 

　　<inputtype="checkbox"name="vehicle[]"value="Boat">我会python<br>

 

　　<inputtype="submit"value="提交">

 

　　</form>

 

　　上代码效果如图：

 

　　tuer.png

 

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





本文转载自中文网