1、用form提交表单的时候,用的是name 向服务器提交数据。name用在input的控件中。

request information

2、当使用radio控件的时候,id不一样,但是name是一样的。提交表单的时候只会返回一个值。html中的id不能相同。

<form>
<input id='mm' type="radio" name="sex" value="male">Male<br>
<input id='ff' type="radio" name="sex" value="female">Female

</form>

3、用jsp的时候,可以通过id来修改值。

<form>
<input id='mm' type="radio" name="sex" value="male">Male<br>
<input id='ff' type="radio" name="sex" value="female">Female
<button onclick="change_header()">选择Male</button>
</form>

<script type="text/javascript">
function change_header()
{
document.getElementById('mm').checked = true;
}
</script>
Male
Female

4、for只用在lable标签中,用于关联其他控件的,点击label就是点击关联的控件

比如点击单选框的时候,点击到字上和点击到单选框上效果是一样的。

<form >
  <label for="male">Male</label>
  <input type="radio" name="gender" id="male" value="male"><br>
  <label for="female">Female</label>
  <input type="radio" name="gender" id="female" value="female"><br>
  <label for="other">Other</label>
  <input type="radio" name="gender" id="other" value="other"><br><br>
 
</form>




点击写的字,就聚焦到文本框上了,可以输入了。

<label for="theinput">点这里,和点文本框一样,点击后就聚焦到文本框了</label>
<input type='text' name='whatever' id='theinput'>


如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!



0 条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注