HTML
二十六画生的博客
国内Top5硕士,先后在京东、字节从事多年后端开发、大数据开发。
展开
-
HTML的div作用
可定义文档中的分区或节(division/section)。 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。如果用 id 或 class 来标记 ,那么该标签的作用会变得更加有效。用法 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 固有的唯一格式表现。可以通过 的 class 或 id 应用额外的样式。不原创 2015-10-20 00:36:16 · 5492 阅读 · 0 评论 -
jquery 获取checkbox,radio,select被选中的值
jquery获取radio被选中的值:input type="radio" name="rd" id="rd1" value="1">1input type="radio" name="rd" id="rd2" value="2">2input type="radio" name="rd" id="rd3" value="3">3三种方法都可以:$('input:radio:c转载 2017-11-19 14:47:49 · 26501 阅读 · 1 评论 -
CheckBox获取值和赋值,使用js
设置1//赋值给组件$("input[id='checkbox1']").attr("checked", value == 1 ? true : false);//获取组件的值$("#checkbox1").attr("checked") ? value = 1 : value = 0;原创 2017-12-02 21:46:28 · 10692 阅读 · 1 评论 -
RadioButton获取值和赋值,使用js
单选按钮1单选按钮2单选按钮3//赋值给组件var radioValue = x;if(radioValue == 3){ $("input[name='RadioName1'][value=3]").attr("checked",true);} else if(radioValue == 2){ $("input[name='RadioName1'][value=2]").a原创 2017-12-02 21:53:33 · 11838 阅读 · 0 评论 -
div不赋值的取值情况
<div id="testDiv"></div>var testDivStr = $('#testDiv').val();console.log("testDivStr:"+testDivStr);if(testDivStr == null){ console.log("testDivStr:null");}if(testDivStr == ''){ con...原创 2018-04-12 14:20:02 · 297 阅读 · 0 评论 -
前端收藏
1input如果type="text"则是单纯的输入框,readOnly,disabled="disabled",都能禁止用户输入input如果type="checkbox"则是复选框,readOnly不能禁止勾选,disabled="disabled"才行即readOnly对复选框无效2(1)谷歌浏览器的ctrl+shift+n为隐身模式,在当前页面调试时,如果始终某一效果没有出现,可关闭浏览器...原创 2018-04-25 20:57:08 · 287 阅读 · 0 评论 -
jquery,html,val,text的区别--取值赋值
<div> <div id="htmlId1"> htmlId1 </div> <div id="htmlId2"> </div> <div id="htmlId3">原创 2018-05-13 18:11:51 · 3814 阅读 · 2 评论 -
div,p,h1,h2...h6自动换行
<body> <p>This is a <u>parragraph</u>.</p> 自动换行测试 自动换行测试 <h1>H1</h1> <h2>H2</h2> 自动换行测试 自动换行测试 <h6>H6<原创 2018-06-08 18:39:13 · 4623 阅读 · 0 评论 -
thymeleaf th:text拼接
html页面开头:<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml">比如:当前日期:2018年6月8日,超出平均值30%,对应如下源码:当前日期:<span th:text="${dt}"></span>超出平均值 <span th:te原创 2018-06-08 21:41:03 · 32795 阅读 · 2 评论 -
Form提交后禁止自动刷新
提交--%> 提交 以上是基于Bootstrap解决:button标签换成a标签就可以了。参考:http://www.jianshu.com/p/f2f632b3ba4d原创 2017-07-07 10:51:31 · 7443 阅读 · 2 评论 -
html,button的背景色和文字颜色
新建 background-color表示背景色color表示文字的颜色原创 2017-07-06 11:36:51 · 118701 阅读 · 3 评论 -
CSS 框模型Margin ,Border ,Padding ,Content
CSS 框模型(Box Model)所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了框模型(Box Model):不同部分的说明:原创 2015-10-20 17:27:05 · 726 阅读 · 0 评论 -
css类的两种使用方法
eg1:p {text-indent:50px;}In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since. 'Whenever you feel like criticizing anyone,'原创 2015-10-20 13:16:10 · 825 阅读 · 0 评论 -
CSS Display(显示) 与 Visibility(可见性)
visibility:hidden可以隐藏某个元素,但隐藏的元素仍需占用与未隐藏之前一样的空间。也就是说,该元素虽然被隐藏了,但仍然会影响布局隐藏不释放空间;display:none可以隐藏某个元素,且隐藏的元素不会占用任何空间。也就是说,该元素不但被隐藏了,而且该元素原本占用的空间也会从页面布局中消失。隐藏释放空间;原创 2015-10-22 18:37:21 · 656 阅读 · 0 评论 -
css的link a:hover 必须在 a:link 和 a:visited 之后
近日突然发现,原来这个CSS问题早已有高人提出啦。还是个老外呢。他给总结了一个便于记忆的“爱恨原则”(LoVe/HAte),即四种伪类的首字母:LVHA。再重复一遍正确的顺序:a:link、a:visited、a:hover、a:active . 最后经验补充: 1.鼠标经过的“未访问链接”同时拥有a:link、a:hover两种属性,后面的属性会覆盖前面的属性定义; 2.原创 2015-10-24 18:23:58 · 2732 阅读 · 1 评论 -
echart,linechart,每隔一秒多显示一条线
<!-- Title--> ECharts --> var myChart= echarts.init(document.getElementById('main')); var _legend = ['邮件营销','联盟广告','视频广告']; var _series = [原创 2017-01-13 16:31:44 · 2631 阅读 · 0 评论 -
两个div横向排列
<button id="executeBtn" class="btn btn-primary " type="button" style="background: #3692FD;border-radius: 6px; width: 28%;height: 10%" onclick="subimtBtn原创 2017-06-09 16:31:22 · 4424 阅读 · 0 评论 -
日期框时间框选择
采用Bootstrap框架 优化 Test原创 2017-07-04 17:35:02 · 4439 阅读 · 0 评论 -
DateRangePicker日期选择框
基于Bootstrap A date range picker for Bootstrap Configuration Builder原创 2017-07-05 11:03:40 · 1896 阅读 · 0 评论 -
邮件img cid导入正文,调整图片大小
<!--有效--> <img src="cid:ALogo" width="500" height="200"> <!--无效--> <img src="cid:ALogo" style="width: 500px;height: 200px">原创 2019-01-10 21:53:33 · 8601 阅读 · 0 评论