HTML5单选框、复选框、下拉菜单、文本域的实现代码


Posted in HTML / CSS onDecember 01, 2020

HTML5单选框、复选框、下拉菜单、文本域 单选框的实例代码,代码如下所示:

1单选框代码:

<input type="radio"  name="" id="">  
          <input type="radio" name="" id=""> 
          <input type="radio" name="" id="">

效果:

HTML5单选框、复选框、下拉菜单、文本域的实现代码

复选框

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="">阅读

效果;

HTML5单选框、复选框、下拉菜单、文本域的实现代码

下拉菜单

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>

效果:

HTML5单选框、复选框、下拉菜单、文本域的实现代码

文本域

4文本域代码:

<input type="textraea">

效果:

HTML5单选框、复选框、下拉菜单、文本域的实现代码

到此这篇关于HTML5单选框、复选框、下拉菜单、文本域的实现代码的文章就介绍到这了,更多相关HTML5单选框、复选框、下拉菜单、文本域内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章,希望大家以后多多支持三水点靠木!

HTML / CSS 相关文章推荐
全面解析CSS Media媒体查询使用操作(推荐)
Aug 15 HTML / CSS
css3 给背景设置渐变色的方法
Sep 12 HTML / CSS
css3使用animation属性实现炫酷效果(推荐)
Feb 04 HTML / CSS
CSS3实现彩色进度条动画的示例
Oct 29 HTML / CSS
html5 application cache遇到的严重问题
Dec 26 HTML / CSS
HTML5 Canvas 绘图——使用 Canvas 绘制图形图文教程 使用html5 canvas 绘制精美的图
Aug 31 HTML / CSS
canvas仿写贝塞尔曲线的示例代码
Dec 29 HTML / CSS
如何用canvas实现在线签名的示例代码
Jul 10 HTML / CSS
使用html2canvas.js实现页面截图并显示或上传的示例代码
Dec 18 HTML / CSS
CSS3实现列表无限滚动/轮播效果
Jun 23 HTML / CSS
HTML中的表单元素介绍
Feb 28 HTML / CSS
聊聊CSS粘性定位sticky案例解析
Jun 01 HTML / CSS
Html5页面点击遮罩层背景关闭遮罩层
Nov 30 #HTML / CSS
使用HTML5加载音频和视频的实现代码
Nov 30 #HTML / CSS
Canvas实现放大镜效果完整案例分析(附代码)
Nov 26 #HTML / CSS
HTML5在手机端实现视频全屏展示方法
Nov 23 #HTML / CSS
关于HTML5+ API plusready的兼容问题
Nov 20 #HTML / CSS
Html5原生拖拽相关事件简介以及基础实现
Nov 19 #HTML / CSS
Canvas获取视频第一帧缩略图的实现
Nov 11 #HTML / CSS
You might like
IIS下配置Php+Mysql+zend的图文教程
2006/12/08 PHP
php检查字符串中是否有外链的方法
2015/07/29 PHP
PHP上传图片、删除图片简单实例
2016/11/12 PHP
PHP实现更改hosts文件的方法示例
2017/08/08 PHP
php生成条形码的图片的实例详解
2017/09/13 PHP
PHP实现的最大正向匹配算法示例
2017/12/19 PHP
PHP实现的简单组词算法示例
2018/04/10 PHP
Javascript 表单之间的数据传递代码
2008/12/04 Javascript
jQuery autocomplete插件修改
2009/04/17 Javascript
JavaScript 异步调用框架 (Part 1 - 问题 &amp; 场景)
2009/08/03 Javascript
用按钮控制iframe显示的网页实现方法
2013/02/04 Javascript
JavaScript中instanceof运算符的用法总结
2013/11/19 Javascript
用js写的一个路由(简单实例)
2016/09/24 Javascript
js内置对象处理_打印学生成绩单的简单实现
2016/09/24 Javascript
JavaScript实现时间表动态效果
2017/07/15 Javascript
详解angularJS+Ionic移动端图片上传的解决办法
2017/09/13 Javascript
对vuejs的v-for遍历、v-bind动态改变值、v-if进行判断的实例讲解
2018/08/27 Javascript
微信小程序当前时间时段选择器插件使用方法详解
2018/12/28 Javascript
微信小程序实现日历签到
2020/09/21 Javascript
vant-ui框架的一个bug(解决切换后onload不触发)
2020/11/11 Javascript
[01:49]一目了然!DOTA2DotA快捷操作对比第二弹
2014/05/16 DOTA
[15:20]DOTA2-DPC中国联赛 正赛 Elephant vs Aster 选手采访
2021/03/11 DOTA
Python导出数据到Excel可读取的CSV文件的方法
2015/05/12 Python
python 读写txt文件 json文件的实现方法
2016/10/22 Python
一个基于flask的web应用诞生 用户注册功能开发(5)
2017/04/11 Python
python使用Tkinter实现在线音乐播放器
2018/01/30 Python
Python基于正则表达式实现计算器功能
2020/07/13 Python
基于python tkinter的点名小程序功能的实例代码
2020/08/22 Python
python爬取微博评论的实例讲解
2021/01/15 Python
Vince官网:全球著名设计师品牌,休闲而优雅的服饰
2017/01/15 全球购物
Soft Cotton捷克:来自爱琴海棉花的浴袍
2017/02/01 全球购物
Styleonme中文网:韩国高档人气品牌
2017/06/21 全球购物
史上最牛的辞职信
2015/02/28 职场文书
迎客户欢迎词三篇
2019/09/27 职场文书
python+opencv实现视频抽帧示例代码
2021/06/11 Python
Golang 语言控制并发 Goroutine的方法
2021/06/30 Golang