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 相关文章推荐
使用CSS3和Checkbox实现JQuery的一些效果
Aug 03 HTML / CSS
详解CSS3选择器:nth-child和:nth-of-type之间的差异
Sep 18 HTML / CSS
CSS3实现多样的边框效果
May 04 HTML / CSS
CSS3实现线性渐变用法示例代码详解
Aug 07 HTML / CSS
CSS3 filter(滤镜)实现网页灰色或者黑色模式的代码
Nov 30 HTML / CSS
网页中的电话号码如何实现一键直呼效果_附示例
Mar 15 HTML / CSS
HTML5实现QQ聊天气泡效果
Jun 26 HTML / CSS
Html5插件教程之添加浏览器放大镜效果的商品橱窗
Jan 07 HTML / CSS
HTML5实现多张图片上传功能
Mar 11 HTML / CSS
基于Html5实现的语音搜索功能
May 13 HTML / CSS
CSS 圆形进度栏
Apr 06 HTML / CSS
CSS font-variation 可变字体的魅力(实例详解)
Mar 03 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
一个取得文件扩展名的函数
2006/10/09 PHP
php 传值赋值与引用赋值的区别
2010/12/29 PHP
用javascript作一个通用向导说明
2011/08/30 Javascript
js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍
2012/05/16 Javascript
JQuery为textarea添加maxlength属性并且兼容IE
2013/04/25 Javascript
node.js中的buffer.write方法使用说明
2014/12/10 Javascript
PHP 数组current和next用法分享
2015/03/05 Javascript
javascript笛卡尔积算法实现方法
2015/04/08 Javascript
使用AngularJS实现可伸缩的页面切换的方法
2015/06/19 Javascript
jquery实现鼠标点击后展开列表内容的导航栏效果
2015/09/14 Javascript
jQuery Tags Input Plugin(添加/删除标签插件)详解
2016/06/20 Javascript
vue.js 使用v-if v-else发现没有执行解决办法
2017/05/15 Javascript
详解如何在vue中使用sass
2017/06/21 Javascript
jquery-file-upload 文件上传带进度条效果
2017/11/21 jQuery
JavaScript设计模式之工厂模式和抽象工厂模式定义与用法分析
2018/07/26 Javascript
vue登录页面cookie的使用及页面跳转代码
2019/07/10 Javascript
Vue 实现简易多行滚动&quot;弹幕&quot;效果
2020/01/02 Javascript
[01:16:01]VGJ.S vs Mski Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
Python程序设计入门(1)基本语法简介
2014/06/13 Python
matplotlib简介,安装和简单实例代码
2017/12/26 Python
Python 中的 global 标识对变量作用域的影响
2019/08/12 Python
详细整理python 字符串(str)与列表(list)以及数组(array)之间的转换方法
2019/08/30 Python
使用pycharm和pylint检查python代码规范操作
2020/06/09 Python
详解Html5页面实现下载文件(apk、txt等)的三种方式
2018/10/22 HTML / CSS
GAP阿联酋官网:GAP UAE
2017/11/30 全球购物
C/C++ 笔试、面试题目大汇总
2015/11/21 面试题
解决python 输出到csv 出现多空行的情况
2021/03/24 Python
应届生妇产科护士求职信
2013/10/27 职场文书
信息技术专业个人自我评价
2013/12/11 职场文书
生物医学工程专业学生求职信范文分享
2013/12/14 职场文书
女方婚礼新郎答谢词
2014/01/11 职场文书
安全标准化实施方案
2014/02/20 职场文书
说好普通话圆梦你我他演讲稿
2014/09/21 职场文书
2014银行领导班子四风对照检查材料思想汇报
2014/09/25 职场文书
超级实用!五步法则,教你写好年终工作总结
2019/12/05 职场文书
JavaScript 语句之常用 for 循环详解
2021/03/29 Javascript