能帮我看看么 我这样子写可以么

来源:6-8 使用label为input标签穿上衣服

qq_一杯冰咖啡_03336449

2016-06-17 10:27

 <input type="email" id="email" placeholder="Enter email">

<br></br>

 你对什么运动感兴趣

  <br><label>慢跑</label><input type="checkbox">

  

  <br><label>登山</label><input type="checkbox">

   

  <br><label>蓝球</label><input type="checkbox">

  


写回答 关注

7回答

  • 黄璞
    2016-06-17 10:39:46
    已采纳

    可以这么写,但是不规范,在实际开发中 label标签里要写for属性,用来说明绑定的元素的 id.  而input标签 要写value值,用来跟后台做交互, 而br标签也不规范.  总体来说  代码可以实现效果,但是实际开发中这么写完全错误

    黄璞 回复qq_一杯冰...

    行 能实现效果,以后慢慢注意代码优化和功能体验方面就可以了!

    2016-06-17 10:48:11

    共 3 条回复 >

  • 慕莱坞2516889
    2016-06-17 10:44:10

    为了让用户有更好的体验,在鼠标点击整个label标签后,就能关联勾选中对应的checkbox。对此我们可以在<label>内加入for属性,且属性值必须与<checkbox>的id值一致。如:

    <label for="mp">慢跑</label><input type="checkbox" id="mp"><br />

    <label for="ds">登山</label><input type="checkbox" id="ds"><br />

    <label for="lq">篮球</label><input type="checkbox" id="lq"><br />

  • 单翅膀
    2016-06-17 10:41:34

    可以,但是最好给checkbox 加不一样name

  • 慕用8730773
    2016-06-17 10:41:07

    不正确。你这样鼠标点击慢跑两个字没有用。首先<input type="checkbox">这里需要一个id="",比如running,然后label后面应该有 for属性,表示和哪个表单绑定,比如第一行应该是<label for="running">慢跑</label><input type="checkbox" name="sport" id="running"/>

  • w_Summer_88
    2016-06-17 10:38:41

    可以得

  • 郭甜锋
    2016-06-17 10:35:34

    可以。

  • derrick_ma
    2016-06-17 10:33:34

    可以的

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225297 学习 · 18230 问题

查看课程

相似问题