HTML5单选框、复选框、下拉菜单、文本域的实现代码
发布时间：2020-12-01 15:29:06 作者：辣可乐少加冰 
我要评论
我要评论这篇文章主要介绍了HTML5单选框、复选框、下拉菜单、文本域的实现代码,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
HTML5单选框、复选框、下拉菜单、文本域 单选框的实例代码，代码如下所示：
1单选框代码：
<input type="radio" name="" id="">
<input type="radio" name="" id="">
<input type="radio" name="" id="">
效果：
复选框
2复选框代码：
<input type="checkbox" name="" id="">篮球
<input type="checkbox" name="" id="">足球
<input type="checkbox" name="" id="">羽毛球
<input type="checkbox" name="" id="">唱歌
<input type="checkbox" name="" id="">画画
<input type="checkbox" name="" id="">敲代码
<input type="checkbox" name="" id="">阅读
效果；
下拉菜单
3下拉菜单代码：
年
<select name="" id="">
<option value="">2020</option>
<option value="">2021</option>
<option value="">2022</option>
<option value="">2033</option>
</select>
月：
<select name="" id="">
<option value="">5</option>
<option value="">6</option>
<option value="">7</option>
<option value="">8</option>
<option value="">9</option>
</select>
日：
<select name="" id="">
<option value="">5</option>
<option value="">6</option>
<option value="">7</option>
<option value="">8</option>
<option value="">9</option>
</select>
效果：
文本域
4文本域代码：
<input type="textraea">
效果：
到此这篇关于HTML5单选框、复选框、下拉菜单、文本域的实现代码的文章就介绍到这了,更多相关HTML5单选框、复选框、下拉菜单、文本域内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！
相关文章
HTML5在微信内置浏览器下右上角菜单的调整字体导致页面显示错乱的问题
HTML5在微信内置浏览器下，在右上角菜单的调整字体导致页面显示错乱的问题，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧2021-01-19
Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码
这篇文章主要介绍了Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们2020-03-17
这篇文章主要介绍了html5写一个BUI折叠菜单插件的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一2019-09-11
这篇文章主要介绍了html滑动仿悬浮球菜单效果的实现,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-03-02
最新评论