HTML+CSS
纳木错没有错
明天的你是否会感谢今天的自己?
展开
-
表(table)单(list)等数据显示底部跳转到XX页和每页显示多少数据HTML代码
很多时候我们想要下面这种效果图,我在这里提供一种HTML的代码方式,由于大家的后端语言不同,我就不提供后台代码了。<table align="center" cellspacing="0" cellpadding="0" border="0" width="100%"> <tbody><tr> <原创 2018-08-09 09:42:18 · 1199 阅读 · 0 评论 -
input 的size=“”属性和style="width:" 的区别
一般来说,这两个都可以用来设置input type=“text” 文本框的长度,但两者还是有区别:style="width:10px"的长度单位是px,size的长度单位是“字符”,看下图就知道:当两者同时使用的时候,输入框的长度由style="width:100px" 决定(本人Chrome亲测)!!!...原创 2018-09-30 17:01:19 · 8368 阅读 · 1 评论 -
下拉框select 的选项option的value 的误区
这里有一个select,代码如下:<select name="transportSupplier" id="transportSupplier" onchange="autoFill()" class="A required" style="width: 50%"> <c:forEach items="${PgSupplierInfoList}&qu原创 2018-10-08 18:15:32 · 5979 阅读 · 5 评论 -
所有表单元素
如图,后三个是H5新增的简单说一下什么是表单元素:我理解的就是可以往后台传值的HTML元素,那到底怎么传呢,可以看看我这篇博客:https://blog.csdn.net/qq_39767955/article/details/82732883:...原创 2018-09-26 11:38:34 · 664 阅读 · 0 评论 -
页面下拉选择框增加“全部”项并设置为默认 解决办法
需求:本来有一个供用户选择的框,把这个后台传来的List遍历出来就好,现在项目经理说要增加“全部”,并设置为默认,做法如下:<td align="right" >管理部门:</td><td> <select name="sellerMemberId" id="sellerMemberId" onchange="clearMember原创 2018-09-20 10:34:28 · 1333 阅读 · 0 评论 -
HTML select显示默认选中的值
汗,大学时期没有认真学的东西果然现在都要还 啊,不着急,慢慢学。想在一个下拉框里面默认显示选中的值的写法:加上一个selected属性就好了<select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> &原创 2018-09-20 09:41:23 · 63370 阅读 · 0 评论 -
input type=“hidden“”类型的作用详解
我们先来看一下代码<td align="center"> ${pgProjectInfoList.projectName} <input hidden value="${pgProjectInfoList.projectName}" name="projectName"/> <input hidden value="${pgProjectInfo.原创 2018-08-20 11:09:46 · 22309 阅读 · 1 评论 -
最简单的清空表单(form)方法
新手菜鸟我在做项目的时候遇到了非常非常常见的需求:表单内容清空(充重置),相信有点点HTML+JavaScript的朋友都有办法做到,但我想能不能有代码最少、一步到位的的方法呢,我查了w3c后有了一下总结:<html><head><script type="text/javascript">function formReset() { doc...原创 2018-08-08 15:00:06 · 26060 阅读 · 5 评论 -
(div,p)等标签之间“分割线”的两种实现方式
在项目、网页中经常会遇到在两个区域之间增加一条“线”来到达分割的效果,我在这里提供两种思路方法,以解决不同的实际问题。1 直接使用htmld 的<hr>标签,会显示一条线出来<p>hr 标签定义水平线:</p><hr /><p>这是段落。</p>这种方式很简单,也和实用,解决一般的分割线需求是没问题的,但如果...原创 2018-08-03 10:59:50 · 13666 阅读 · 0 评论 -
(span等)标签的下划线,上划线,中划线
直接上干货<head><style type="text/css">h1 {text-decoration: overline}h2 {text-decoration: line-through}h3 {text-decoration: underline}h4 {text-decoration:blink}</style></head...原创 2018-08-03 10:33:56 · 26554 阅读 · 0 评论 -
input 的type类型总结
<input type="text"> 定义供文本输入的单行输入字段,有很多类型,在这里我做一个总结。text:一个输入文本框,输入的内容直接显示出来;password:密码输入框,输入的内容以小圆点的形式显示出来;submit:提交表单数据至表单处理程序的按钮;radio:单选按钮;checkbox:多选按钮;button:定义按钮,常用于点...原创 2018-08-02 09:41:54 · 7774 阅读 · 0 评论 -
详解display:none、visible:hidden和type ="hidden"
1 display:none和visible:hidden都能把网页上某个元素隐藏起来,他们的区别是: visibility: hidden----将元素隐藏,但是在网页中该占的位置还是占着。 display: none----将元素的显示设为无,即在网页中不占任何的位置。举个例子:例如有三个table,将中间的一个table hidden掉,你会发现在那个...原创 2018-08-09 17:24:23 · 4416 阅读 · 1 评论 -
详解 span元素和实际项目中的使用
在开始前,我们先看如下的JSP代码<ul class="lskdList" id="ul_1" name="ul"> <li class="lskdTitle"> <a class="ctrl_02" name="projectBar" style="cursor:pointer;&quo原创 2018-07-31 16:19:34 · 1553 阅读 · 0 评论 -
360浏览器 兼容模式下页面显示异常(出现不改出现的HTML标签)
在360浏览器的兼容模式下,显示了在非兼容模式中没有出现的HTML标签,如下图我到对应的页面去找,发现是标签的代码规范问题,这两个input本来是隐藏的,但是由于不规范书写(hidden处),在万恶的IE浏览器中就不能正确的显示了,错误代码如下:<input name="id" id="id" hidden value="${contract.id}"> <inp...原创 2018-10-25 09:43:35 · 4601 阅读 · 0 评论