HTML5页面常见的元素如何实现,基本实现代码是什么
Admin 2022-06-29 群英技术资讯 765 次浏览
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">
效果:
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
这篇文章主要介绍了position:sticky 粘性定位的几种巧妙应用详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
外部样式表,通过标签引入CSS。内部样式表,在HTML文档中的标签里通过标签书写CSS代码。行内样式表,通过属性书写CSS语句。导入样式表,使用@import指令导入外部样式表。
最近才自学了html和css,今天正好做个金字塔实例,可以清楚的看出图标数据,需要的朋友们下面随着小编来一起学习学习吧
这篇文章主要介绍了纯CSS 实现酷炫的充电动画效果,本文通过实例截图的形式给大家展示的非常好,需要的朋友可以参考下
clear在css中的用法是什么css中clear的作用是清除元素的浮动效果。clear属性指定段落的左侧或右侧不允许浮动的元素。在 CSS1 和 CSS2 中,这是通过自动为清除元素(即设置了 cl
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008