怎么改成 最多选两项 这样的结果是三个同时都可选

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

SherrrryS

2018-11-09 17:44

<form>
   <label for="joging">慢跑</label>
  <input type="checkbox" name="interest" id="joging" />
  <br />
  <label for="hiking">登山</label>
  <input type="checkbox" name="interest" id="hiking" />
  <br />
  <label for="basket">篮球</label>
  <input type="checkbox" name="interest" id="basket"/>
  <br />
  <label for="email">输入你的邮箱地址</label>
  <input type="email" id="email" placeholder="Enter email">
 
</form>

写回答 关注

3回答

  • 慕瓜2002549
    2019-01-25 01:43:30

    如果 按照之前学的内容  可以用radio来实现  三个选项 只需要其中两个name一样  另一个name不一样;虽然不知道高手是怎么做其他的方法 我发表下我的愚见:

    <form>
       <label for="joging">慢跑</label>
      <input type="radio" name="interest" id="joging" />
      <br />
      <label for="hiking">登山</label>
      <input type="radio" name="interest" id="hiking" />
      <br />
      <label for="basket">篮球</label>
      <input type="radio" name="interest1" id="basket"/>
      <br />
      <label for="email">输入你的邮箱地址</label>
      <input type="email" id="email" placeholder="Enter email">
      
    </form>


    注意一下 我加粗 斜体的6个地方


    不过这个方法虽然可以实现 但是操作概念肯定是错的 希望以后的学习中可以学到~


  • qq_慕工程8074843
    2018-12-09 17:34:02

    你name=***跟上面的name=***有几个不相同就能选定几个

  • 幕布斯4043674
    2018-11-10 22:33:07

    我觉得这种东西js应该可以实现!  加油!

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

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

1225806 学习 · 18234 问题

查看课程

相似问题