Checkbox的表单设计问题,限制检查区域

时间:2014-06-14 16:47:53

标签: html css html5 form-design

我正在尝试创建一个简单的表单,有复选框, 我正在使用的代码是

 <label>
    <span>Questions:
       <div class="childWindow">  
         <input class="checkedInput" id="defAsked" name="defAsked" type="checkbox" checked/>
    </span> 
 </label>
    <span>Send frequently asked questions</span>
       </div>                 

 <label>      
  <textarea rows="3" cols="50" placeholder="Please ask if you have any questions" name="questions" id="questions" ></textarea>
</label> 

我想限制复选框的有效选中区域以限制为仅限框,目前如果我点击text:Send frequently asked questions,复选框将被切换。我将提供此文本的链接,因此在点击链接时不希望它切换

感谢您的提前帮助

1 个答案:

答案 0 :(得分:2)

label标签用于将其他元素绑定到表单元素。从标签标签中删除文本,以便不触发复选框检查。

<label>
    <input type="checkbox" checked/>
    <span>This will trigger checkboxage</span>
</label>
<span>This won't trigger checkboxage</span>

看到这个小提琴:http://jsfiddle.net/casTu/