随笔分类 - HTML
摘要：先上效果图： 实现的步骤： 第一步：页面的准备，需要使用 mui 的search控件，以及自己准备一个供提示 DIV，这里我贴一下我的页面代码，主要是通过 onkeyup 事件来检查什么时候进行数据的提交，不过如果不对该事件加以控制会向后台发送没有意义的数据，加大服务器的压力，那么我这里的做法是先简
阅读全文
摘要：问题描述：直接修改 input 的字体样式无效，通过检查元素，发现是 .mui-search .mui-placeholder 这两个类在控制 第一步：当然是对 mui 框架的引入； 第二步：针对输入框的使用可以参考官方文档的样例，这里我把他的输入框帖过来 <div class="mui-input
阅读全文
摘要：第一步：自定义单选框、复选框的层叠样式表，并将其映入 build.css: .checkbox { padding-left: 20px; } .checkbox label { display: inline-block; vertical-align: middle; position: rel
阅读全文
摘要：这里只有通过手机端的浏览器访问的时候才可以打开微信 <a target="_blank" href="weixin://"> 点击我打开微信 </a>
阅读全文
摘要：只需修改链接中的QQ号为你想用户打开对话的QQ号即可 <a target="_blank" href="http://wpa.qq.com/msgrd?v=1&uin=QQ号&site=qq&menu=yes"> 联系我们 </a>
阅读全文
摘要：设置输入框之只能输入正整数，同时，其长度最大只有3位 <input type="text" maxlength="3" placeholder="请输入数量，最大 999" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')">
阅读全文
摘要：通过 position:fixed 实现底部导航 HTML <div id="footer">页脚</div> CSS #footer { clear: both; height: 35px; width: 100%; background-color: gray; position: fixed;
阅读全文
摘要：mui 底部导航栏 <nav class="mui-bar mui-bar-tab " id="nav"> <a class="mui-tab-item mui-active" id="a1"> <span class="mui-icon mui-icon-home"></span> <span c
阅读全文
摘要：HTML 颜色输入框修改事件的触发，以及获取修改后的颜色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body style=" "> <input type=
阅读全文
摘要：HTML页面布局 创建一个页面划分出 头 体 尾 三个部分
阅读全文
