前端
关注
分享
扫一扫
美丽的world
看人潮人海，云卷云舒...
展开
-
使input文本框不可编辑的3种方法
disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 <input type="hidden"> 一起使用。 示例：<input type="text" disabled="disabled" /> read...转载 2019-05-24 13:59:29 · 1241 阅读 · 0 评论 -
去掉 type="number"的input 输入框内右侧上下箭头
<style> input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"]{ -moz-appearance: textfield; }...原创 2019-05-16 15:37:57 · 2271 阅读 · 0 评论 -
Jquery获取select选中的文本与值
来源：https://www.cnblogs.com/huhuixin/p/6182067.htmljquery获取select选择的文本与值获取select ：获取select 选中的 text :$("#ddlregtype").find("option:selected").text();获取select选中的 value:$("#ddlregtype ").v...转载 2019-05-22 17:54:29 · 144 阅读 · 0 评论 -
后端对象集合 传到前端
1.直接传对象集合 List<Area> proList = new ArrayList<>(); model.addAttribute("proList2", proList); <select id="province" name="provinceCode"> ...原创 2019-06-06 17:42:04 · 3287 阅读 · 0 评论 -
去掉input type=number时输入框内的上下箭头/去掉layui 横向滚动条/input 只能输入数字/type="number" maxlength失效
1.去掉layui 横向滚动条 .layui-table-body{overflow-x: hidden;} /* 自适应高度 */ .layui-table-cell{ display:table-cell; vertical-align: middle; }2. 去掉input type=number时输入框内的上下箭头 ...原创 2019-05-29 20:26:29 · 3321 阅读 · 2 评论 -
下拉框多选插件bootstrap-select
目录1.效果：2.前端代码3.js代码4.补充：5.组件下载6.更多参考1.效果：2.前端代码//这是一个基于bootstrap的插件 <link href="<%=context%>/css/bootstrap-select.css" rel="stylesheet"> <script src="&l...原创 2019-06-04 11:45:52 · 3997 阅读 · 0 评论 -
$.post() 和 $.get() 如何同步请求
由于$.post() 和 $.get() 默认是 异步请求，如果需要同步请求，则可以进行如下使用：在$.post()前把ajax设置为同步：$.ajaxSettings.async = false;在$.post()后把ajax改回为异步：$.ajaxSettings.async = true;如： $.ajaxSettings.async = false; $.p...转载 2019-06-10 16:04:35 · 326 阅读 · 0 评论 -
如何快速上手ECharts
https://www.w3cschool.cn/echarts_tutorial/echarts_tutorial-mec528xa.html原创 2019-07-01 16:41:11 · 305 阅读 · 0 评论 -
在jsp里嵌套Java（左侧菜单国际化）
1.导包示例<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ include file="/common/reg-taglib.jsp"%><%@ page import="com.de...原创 2019-06-27 11:43:32 · 492 阅读 · 0 评论 -
前端 时间只显示毫秒数字串
实体类时间属性上加上@JsonFormat(pattern="yyyy-MM-dd HH:mm:ss",timezone = "GMT+8") private Date createTime;原创 2019-07-04 15:22:50 · 1010 阅读 · 2 评论 -
阿里巴巴矢量图标库
阿里巴巴矢量图标库：www.iconfont.cn原创 2019-08-02 10:01:47 · 1624 阅读 · 0 评论 -
修改密码
1.jsp<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %><%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %><%@...原创 2019-08-08 17:03:13 · 357 阅读 · 0 评论 -
boostraptable 添加序号
columns:[{ field: 'number', title: '序号', width:5 , align:'center', switchable:false, formatter:function(value,row,index){ ...转载 2019-05-08 20:44:11 · 639 阅读 · 0 评论 -
bootstrap -table 给表格单元格内添加按钮和事件
//表格<table id="table" data-mobile-responsive="true">//这段必须放在表格初始化之前。function addFunctionAlty(value, row, index) { return [ '<button id="bind" type="button" class="btn b...原创 2019-03-04 16:20:02 · 18396 阅读 · 3 评论 -
注册，页面上获取到的输入框中------图片验证码上的值，和session里的值不一致的解决方法
/**生成图片验证码controller里的方法。 * @throws JSONException */ @RequestMapping("/verifyCode/ImageCode") @ResponseBody public JSONObject produceImageCode(HttpSession session...原创 2019-03-14 15:53:28 · 1256 阅读 · 1 评论 -
常用正则表达式
手机号，新增了166、198、199号段/^1([38][0-9]|4[579]|5[0-3,5-9]|6[6]|7[0135678]|9[89])\d{8}$/身份证var v_regex=/(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx...原创 2019-03-15 14:06:07 · 179 阅读 · 0 评论 -
省市区三级联动
<div class="form-group"> <label class="col-sm-3 control-label">所属区域：</label> <div class="col-sm-8" style="position:relative;"> ...原创 2019-03-20 16:37:32 · 666 阅读 · 0 评论 -
网站注册页面
微信扫码获取代码或者链接：https://pan.baidu.com/s/1FbYQfFVbNrW9FXwXwgsMDA提取码：x8xg原创 2019-03-13 17:45:19 · 1452 阅读 · 0 评论 -
根据返回的数据，显示不同内容
1. select下拉框<div class="form-group"> <label class="col-sm-3 control-label">状态：</label> <div class="col-sm-8"> ...原创 2019-03-22 17:58:56 · 2665 阅读 · 0 评论 -
前端日期格式化
1、引入<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>2、页面如下<div class="form-group"> <label class="col-sm-3 control-label">有效期：</label>...原创 2019-03-22 18:23:33 · 1944 阅读 · 0 评论 -
springboot 整合 Mybatis的分页插件 PageHelper
<dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper</artifactId> <version>5.1.4</version> </dependency> <!-- 分...原创 2019-03-23 10:29:13 · 367 阅读 · 0 评论 -
阿里云发短信
1、注册账号或者淘宝、支付宝等号登陆2、点击右上 控制台3、点击左侧产品和服务，右边输入 短信服务4、开通短信服务（略）。进来之后是这样。5、获取accesskey6、创建签名和模板7、点击图4中的帮助文档，进入下图，安装java SDK。8、使用示例---红框1 处的代码就是要弄到项目里的，到2框里找能复制的。9、还有一个实名认证...原创 2019-04-06 22:11:22 · 214 阅读 · 0 评论 -
jsp页面中获取session中的值
https://blog.csdn.net/tao911110/article/details/79688058转载 2019-04-26 20:12:15 · 2662 阅读 · 0 评论 -
腾讯云 短信
主要参数：appidappkey短信签名模板id1. 发短信工具类public class SmsUtil { static final int appid = 12345; static final String appkey = ""; // 短信模板ID，需要在短信应用中申请 static int templateId = 1...原创 2019-04-26 20:30:11 · 370 阅读 · 1 评论 -
form表单校验示例
0. 引入js1. form表单 <form class="form-horizontal m-t" id="roleAddForm"> <div class="form-group"> <label class="col-sm-3 control-lab...原创 2019-04-27 15:47:42 · 1488 阅读 · 0 评论 -
layui
//表单初始赋值-回显1. <input type="hidden" name="SYS_CONF_BASE" id="SYS_CONF_BASE" value="<c:out value="${SYS_CONF_BASE}" />">2. <form class="layui-form" action=&quo原创 2019-03-01 16:34:56 · 206 阅读 · 0 评论