随笔分类 -  HTML 和 CSS

radio框如何不让选择
摘要：radio框如何不让选择 （1）需求：用户做过的选择题，如何实现只允许查看，不允许修改。 （2）参考资料： 1、如何让radio控制只读不能选择 2、设置单选框radio不可选（禁用） （3）、实现： input 中的text类型的输入框，可以使用readonly或disabled实现不可修改的功能 阅读全文
posted @ 2021-09-26 10:40 学知无涯 阅读(2743) 评论(2) 推荐(1) 编辑
【转】HTML <video> 标签
摘要：HTML <video> 标签 参考原文： oceanL的博客《HTML5的Video标签的属性,方法和事件汇总》 。 感谢作者的分享！ 使用示例： <video width="320" height="240" controls> <source src="movie.mp4" type="vid 阅读全文
posted @ 2020-02-22 15:31 学知无涯 阅读(948) 评论(0) 推荐(0) 编辑
html css的简单学习（三）
摘要：html css的简单学习（三） 前端开发工具：Dreamweaver、Hbuilder、WebStorm、Sublime、PhpStorm... head头的本质：优化页面，利于搜索；设置字符集，防止乱码；引入外部样式方便；规定呈现样式。 <meta name="keyword" content= 阅读全文
posted @ 2018-12-13 17:53 学知无涯 阅读(242) 评论(0) 推荐(0) 编辑
html css的简单学习（二）
摘要：html css的简单学习（二） <!Doctype html>告诉浏览器，这是一个html文档。lang="en" 默认是en，表示英语；zh-Hans 中文简体；zh-Hant 中文繁体； 行内文本标签：示例：<p>今天下午<time>4点到6点</time>在<address>会议室</add 阅读全文
posted @ 2018-12-12 17:49 学知无涯 阅读(202) 评论(0) 推荐(0) 编辑
html css的简单学习
摘要：html css的简单学习 css的内边距：padding （auto、length、%）(顺序：上、右、下、左)padding-toppadding-leftpadding-rightpadding-bottom 示例：*{padding:10px 20px 30px 40px} //顺序：上、右 阅读全文
posted @ 2018-12-11 17:52 学知无涯 阅读(191) 评论(0) 推荐(0) 编辑
Emmet插件的快捷键
摘要：Emmet插件的快捷键 html:5+tab键，可以生成html标签。!+tab键，也可以生成html标签。 meta:utf + tab键，可以生成utf8的字符设置标签。<meta http-equiv="Content-Type" content="text/html;charset=UTF- 阅读全文
posted @ 2018-12-11 17:51 学知无涯 阅读(1353) 评论(0) 推荐(1) 编辑
css的学习
摘要：CSS，全称Cascading style sheets，层叠样式表。 1、内联样式，在具体的标签上写样式。2、内部样式，在head头里写样式<style type="text/css"></style>3、外部样式，引入外部的css文件<link type="text/css" rel="styl 阅读全文
posted @ 2018-12-10 17:53 学知无涯 阅读(215) 评论(0) 推荐(0) 编辑
PHP常用函数系列--base64图片上传
摘要：HTML页面代码： <html><head><meta charset="utf-8"></head><body> <img id="articleImg" width="180" height="100"><input type="file" value="上传" id="articleImgBt 阅读全文
posted @ 2018-02-07 20:59 学知无涯 阅读(273) 评论(0) 推荐(0) 编辑
html的常见meta标签信息
摘要：设置页面不缓存<meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0″> 页面编码<m 阅读全文
posted @ 2018-01-20 10:16 学知无涯 阅读(158) 评论(0) 推荐(0) 编辑
隐藏video标签的下载按钮
摘要：问题： 使用video标签时，有些浏览器会显示视频的下载按钮，而这并不是我们需要的功能，必须想办法去掉。解决方法： 使用下面的css可以达到隐藏下载按钮的效果，但是点击下载的位置，还是能出现开始下载的事件，所以暂未能彻底解决。video::-internal-media-controls-downl 阅读全文
posted @ 2017-12-26 14:59 学知无涯 阅读(1548) 评论(0) 推荐(0) 编辑
H5 折线图插件
摘要：一、可以使用Highcharts，参考网址：https://api.hcharts.cn/highcharts； 二、可以使用Echarts，参考网址：http://echarts.baidu.com/examples.html； 三、可以使用Smoothie，参考网址：http://smoothi 阅读全文
posted @ 2017-02-20 15:31 学知无涯 阅读(1749) 评论(0) 推荐(0) 编辑
jquery中attr、prop、data
摘要：在高版本的jquery中获取标签的属性，可以使用attr()、prop()、data()，那么这些方法有什么区别呢？ 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。 对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。 .data()看作是存取data-xxx 阅读全文
posted @ 2016-08-26 09:46 学知无涯 阅读(254) 评论(0) 推荐(0) 编辑
input 类型为number型时，maxlength不生效？
摘要：input 类型为number型时，maxlength不生效？可以加oninput属性来控制最大长度：<input id="numInput" type="number" maxlength="3" value="" oninput="if(value.length&gt;3)value=value 阅读全文
posted @ 2016-08-26 09:39 学知无涯 阅读(571) 评论(0) 推荐(0) 编辑