问答详情
源自:6-1 使用表单标签,与用户交互 - 使用<form>创建表单

问题小星星

     <label for="username">用户名:</label>                                                                                                                                      <input type="text" name="username" id="username" value="" />换成这样

用户名:<input type="text" name="username" id="username" value="" />好像也行 这样不是更简单吗?为什么一个用户名要  <label for="username">用户名:</label>这样定义

然后这里面这么多name id 有点晕


提问者:慕斯4282661 2017-05-24 16:02

个回答

  • 慕粉2310008090
    2017-05-24 16:11:35
    已采纳

    点击label标签包裹住的文字,可以使焦点定位到具有其for相对应的id元素上

  • qq_心有薇蔷_0
    2017-05-24 17:07:27

    label是用来把其指向(for)的元素的操作范围扩大化,用户想选中上面的input输入框,直接点label的内容“用户名”即可。不给input添加相应label也能实现功能,但是添加了操作更方便,语义更完善,不然光秃秃的“用户名”三个字,无法使浏览器将其与input输入框联系起来。name用于向后台提供变量名称,id用于前端引用该元素,value是表单提交后该元素向后台传入的值。

  • 古河渚QAQ
    2017-05-24 16:14:08

    有label 标签的话,点击label标签对应的文字,可以使对应选框聚焦。name 是控件的名字,id是控件的标签.相当于人名和身份证号。一个是可以重复一个是唯一。具体可以查阅相关文档。