html
关注
分享
扫一扫
MrLiber
本博客主要用于个人学习所用，部分内容来源于网络可能未注明出处，未尽之处敬请谅解！
展开
-
textarea中的默认内容强制换行显示
遇到这样的场景，需要将textarea内容设置为换行显示，如下图：我们知道 html中换行用<br/>windows转译符换行常用\r \n（\n 是换行，\r是回车）然而这些并不起作用。现实中textarea并不支持html标签，textarea中使用以上的换行方法均会以原样输出，输入w3school.com.cn提供的%OD%OA方法也不行。后来找到一个有效的方法，要用 才可以有效实现强制换行，在此记录下来。...原创 2020-07-07 09:58:59 · 1674 阅读 · 0 评论 -
利用 css3 模仿 input[type=radio] 样式
做项目的时候需要使用单选按钮input[type=radio]，但是默认的样式与UI设计不一致,所以需要修改默认的样式，如下图。搜索的时候发现有一些实现是利用背景图实现。不想使用图片，所以利用css3的重新实现了一遍。在ie8下无效。原理利用<label>标签与对应的<input>关联,给<input>设置透明,使用position(定位)让用户看到的是&l...转载 2019-06-27 14:48:49 · 631 阅读 · 0 评论 -
html 标签中 title 的换行
当我们在某个特定容器中放入很多内容时，由于空间较小，此时空间不够用，那么通过设置 title 属性是一个很有效的选择。1.直接填写title内容时候“回车键”换行，示例代码如下：<a href='#' title='标 题：html 标签中 title 的换行 创建时间：2019-04-23 推荐等级：无 关键字：tit...原创 2019-04-23 17:09:43 · 8328 阅读 · 1 评论 -
网页缓存Js，css以及图片导致页面刷新无效果的三种解决办法
转自：http://www.phpernote.com/seo/197.html网页缓存Js，css以及图片导致页面刷新无效果的三种解决办法，如下：方法一（php页面添加）： header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); header("Cache-Control: no-cache, must-revalidate"); heade...转载 2019-03-27 14:29:29 · 1498 阅读 · 0 评论 -
IE下JQuery、JS动态修改img标签src无效的解决方案
今天在做到一个验证码刷新的时候出现了一个BUG，Chorme下img的src属性能够正确的动态刷新，而在IE下却不能够生效。最初是这样写的//初始化var url = "/create_check_code";$("#user-get-vercode").attr("src",url);//刷新验证码$("#user-get-vercode").on("click",function...原创 2018-12-28 10:53:27 · 4999 阅读 · 0 评论 -
清除IE下的文本框叉号
input[type=text]::-ms-clear{display: none;}以上原创 2018-10-26 10:11:34 · 1765 阅读 · 0 评论 -
autocomplete="off" 不生效的解决方法
The autocomplete attribute is an enumerated attribute. The attribute has two states. The on keyword maps to the on state, and the off keyword maps to the off state. The attribute may also be omitted. ...原创 2018-10-20 16:06:29 · 21890 阅读 · 5 评论 -
如何禁用input输入框的输入记录功能
当我们在浏览器中输入表单信息的时候，input文本输入框会记录下之前输入过的内容，此后每次只要双击input文本输入框或者输入一些值时就会出现之前输入的内容，虽然会觉得比较方便，但有时也会暴露用户的隐藏数据，或者从需求角度而言这些提示并不需要，那就要把这个提示禁用掉，所以我们就要用到 autocomplete=“off” 。具体解释请参照w3c相关标准http://www.w3school.co...原创 2018-10-20 15:56:06 · 4535 阅读 · 0 评论 -
Http 状态码
XMLHttpRequest.readyState: 状态码 0 － （未初始化）还没有调用send()方法 1 － （载入）已调用send()方法，正在发送请求 2 － （载入完成）send()方法执行完成，已经接收到全部响应内容 3 － （交互）正在解析响应内容 4 － （完成）响应内容解析完成，可以在客户端调用了XMLHttpRequest.status属性:一些错误...原创 2018-09-14 10:31:17 · 189 阅读 · 0 评论 -
html img Src base64 图片显示
大家可能注意到了，网页上有些图片的src或css背景图片的url后面跟了一大串字符。 比如：data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/ KEAUFFR0...转载 2018-12-18 15:56:19 · 10175 阅读 · 0 评论 -
本地储存 localstorage & sessionstorage 的兼容性，API，特点
在开发中发现cookie储存会在http请求头中，大大影响了数据请求交互。 现在h5中提供了新的解决方式(API)存储方式： 1.本地储存 localstorage & sessionstorage; 2.离线储存 application cache; 3.浏览器数据库 indexedDB;学习及使用判断： 这个是浏览器兼容查询网站:http://caniuse...转载 2018-07-26 16:08:13 · 6789 阅读 · 0 评论 -
link和@import的区别
页面中使用CSS的方式主要有3种：行内添加定义style属性值，页面头部内嵌调用和外面链接调用，其中外面引用有两种：link和@import。link方式引入css样式表："stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" /> @import方式引入css样式表：style type转载 2018-01-19 19:25:42 · 233 阅读 · 0 评论 -
input 文本框密码框的只读属性
语法<input readonly="value">说明： readonly 属性规定输入字段为只读。 只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。 readonly 属性可以防止用户对值进行修改，直到满足某些条件为止（比如选中了一个复选框）。然后，需要使用 JavaScript 消除 readonly 值，将输入字段切换到可编辑状态。 re原创 2017-12-01 15:33:39 · 991 阅读 · 0 评论