
web前端
梅川酷子哥21岁
新手练习中,多多指教
展开
-
readonly和disabled的区别
readonly:针对input(text / password)和textarea有效,在设置为true的情况下,用户可以获得焦点,但是不能编辑,在提交表单时,输入项会作为form的内容提交。disabled:针对所有表单元素(select,button,input,textarea等),在设置为disabled为true的情况下,表单输入项不能获得焦点,用户的所有操作无意义,在提交表单时,表...转载 2020-04-10 16:06:40 · 387 阅读 · 0 评论 -
js动态添加的元素不能触发绑定事件解决方案
<script type="text/javascript" src="https://cdn.staticfile.org/jquery/1.11.0/jquery.min.js" ></script>正确实例$('.table').on("click",'a.cancel',function(){ alert(11)});错误实例$...原创 2019-12-09 09:21:48 · 323 阅读 · 0 评论 -
input 输入框两种改变事件的方式
一、在输入框内容变化的时候不会触发,当鼠标在其他地方点一下才会触发$('input[name=myInput]').change(function() { ... }); 二、在输入框内容变化的时候会触发 $("#input_id").on('input',function(e){ console.log("Changed");});原创 2017-07-18 10:08:23 · 5482 阅读 · 0 评论 -
laytpl模板怎么使用
if。。else 语句{{# if (xxx) { }}<a>1</a>{{# } else { }}<a>2</a>{{# } }}模板引擎文档 - layui.laytpl:http://www.layui.com/demo/laytpl.html模板引擎示例:https://www.layui.com/demo/layt...原创 2019-07-17 16:59:17 · 1720 阅读 · 0 评论 -
html2canvas将HTML内容写入Canvas生成图片
引入js<script type="text/javascript" src="https://cdn.staticfile.org/jquery/1.11.0/jquery.min.js"/><script type="text/javascript" src="/static/html2canvas.min.js"></script><scr...原创 2019-08-12 15:58:08 · 760 阅读 · 0 评论 -
swiper轮播图
引入css,js<script src="http://www.swiper.com.cn/dist/js/swiper.min.js"></script><link href="http://www.swiper.com.cn/dist/css/swiper.min.css" />html内容 <div class="swip...原创 2019-08-12 16:29:57 · 247 阅读 · 0 评论 -
清楚input自动填充
1、对于type="text"直接添加属性autocomplete="off"<input type="text" name="username" autocomplete="off" class="input-text" placeholder="username"/>2、对于type="password",初始化的时候让type="text",当input聚焦...原创 2019-09-05 17:58:32 · 157 阅读 · 0 评论 -
input 输入框两种改变事件的方式
一、在输入框内容变化的时候不会触发,当鼠标在其他地方点一下才会触发$('input[name=myInput]').change(function(){...});二、在输入框内容变化的时候会触发$("#input_id").on('input',function(e){ console.log("Changed"); });...原创 2019-09-05 18:02:20 · 1216 阅读 · 0 评论