radio,checkbox,label的运用 - 淡忘啦

radio,checkbox,label的运用

作者: 淡忘

全网最全的网络资源分享网站

手机扫码查看

标签:

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

今天H5课程学习了选项标签
radio是单项选择

 <td>
 <p>您是先生还是女士:<p>
 <input type="radio" value="1" name="xb" />先生<br />
 <input type="radio" value="2" name="xb" />女士<br />
 <input type="radio" value="3" name="xb" />保密<br />
 </td>

checkbox是多项选择.

<td>
<p>您最希望听到哪方面的计算机课程:<p>
<input type="checkbox" value="1" name="xx" />平面设计
<input type="checkbox" value="2" name="xx" />编程语言
<input type="checkbox" value="3" name="xx" />HTML5
<input type="checkbox" value="4" name="xx" />FLASH
<input type="checkbox" value="5" name="xx" />CAD
</td>

在这个基础上还运用了<label>这个标签,它的作用就是点击文字即可选择选项
以单项选择为基础

<td>
<p>您是先生还是女士:<p>
<input type="radio" value="1" name="xb" id="xb1" />
<label for="xb1">先生</label><br />
<input type="radio" value="2" name="xb" id="xb2" />
<label for="xb2">女士</label><br />
<input type="radio" value="3" name="xb" id="xb3" />
<label for="xb3">保密</label><br />
</td>

下面我把我今天写的实例代码上传,用来巩固。

12月9号h5.zip

分享到:
打赏
未经允许不得转载:

作者: 淡忘, 转载或复制请以 超链接形式 并注明出处 淡忘啦
原文地址: 《radio,checkbox,label的运用》 发布于2019-12-9

评论

切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Sitemap