文章列表
input[type="file"]标签的美化
1.1思路
使用<input type="text">和 <input type="button">，分别完成Input[type=”file”]的文字显示（按钮） 与 上传文件路径的显示（文本输入框的功能）。
1.2实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"> ...
Sublime Text 3 Web前端常用插件推荐
1.1 Web前端常用插件
1.1.1插件之html5
功能：
支持hmtl5规范的插件包。
使用：
新建html文档>输入html5>敲击Tab键>自动补全html5规范文档。
注意：与Emmet插件配合使用，效果 ...
表单提交前的验证方式——form的onsubmit事件
1.1概述
onsubmit事件只在form元素中使用。onsubmit事件会在表单中的提交按钮被点击才会触发，所以常用于在表单提交前进行统一验证。
1.2语法
onsubmit = "return false"，不执行提交。
onsubmit = "return true" 或 onsubmit = "return"，执行提交。
1.3实例
实例——提交验证：
function submitFun(obj){
...
document.forms用法详解
1.1概述
document.forms返回一个集合 (一个HTMLCollection对象)，包含了当前文档中的所有form元素。
1.2语法
document.forms：表示获取当前页面的所有表单 元素；
document.forms[0]：表示获取当前页面的第一个表单元素；
document.forms['exportServlet']：表示获取当前页面中name="exportServlet"的表单元素；
document.forms.submit ...
js模拟表单post方式提交
1.1概述
用js动态创建form相关元素，然后进行post提交，提交后将创建的form相关元素删除掉即可。
1.2实例
function postCall( url, params, target){
//创建form元素并设置其相关属性。参数url：表单提交去向；参数target：链接打开方式。
var tempForm = document.createElement("form");
tempForm.action = url;
tempForm.method = &qu ...
Form表单提交，页面不跳转的方法
1.1 解决方案一
表单action提交数据，但页面不跳转，可以使用Iframe解决。
实例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Form提交表单页面不跳转</title>
</head>
<body>
<form action="" meth ...
html布局之table表格布局
1.1 table布局
1、布局方式
布局方式一：使用table元素及相关元素进行布局。
布局方式二：使用与表格相关的display属性值来模拟表格进行布局。
2、两种布局方式的区别
table元素在HTML中是一个包含语义的标签，它用于描述数据。使用与表格相关的display属性值只是声明了某些元素在浏览器中的样式而不包含语义。
注意：当需要制表展示数据时，不要使用与表格相关的display属性值定义的表格。
3、匿名表格元素——CSS table布局的特性：缺少的表格元素会被浏览器以匿名的方式创建
...
javascript定时功能详解
1.1概述
javascript的内置setInterval()与setTimeout()函数提供了定时的功能，前者是每隔几秒执行一次，后者是延迟一段时间执行一次。此外，javascript内置的clearInterval()函数用于取消定时器功能。
1.2 setIn ...
php二次开发相关知识
1.1 php二次开发框架
PHPCMS V9：http://www.phpcms.cn/
DeDeCMS(织梦)：http://www.desdev.cn/
Discuz社区：http://www.discuz.net
HTML实现页面自动跳的方法
1.1方法一
直接在<head></head>标签内添加<meta>标签。代码如下：
<head>
<meta http-equiv="refresh" content="3;URL=res.html">
<!--3秒之后自动跳转到res.html页面-->
</head>
1.2方法二
使用JS setTimeout函数定义经过指定毫秒值后执行某一表达式。代码如下：
<script& ...
html marquee标签讲解
1.1概述
页面实现自动滚动效果的方式有两种，方式一由JS来实现，方式二利用HTML marquee标签来实现。
HTML marquee标签的作用是在一个区域插入滚动的文本，使用HTML marquee标签不仅可以移动文字，也可以移动图片，表格等。
注意：<marquee>在HTML和HTML5中都属于废弃的特性，建议不要使用这个标签。
1.2marquee标签
语法：
<marquee>...</marquee>; //在标记之间添加要进行滚动的内容
属性：
...
html路径小结
1.1概述
HTML中的路径写法有两种分别是相对路径(Relative Path)和绝对路径(Absolute Path)。
1.2相对路径
定义：
以当前文件所在位置为参考点，而建立出的目录路径。
实例：
文件结构如下 ...
html meta标签用法详解(一)
1.1概述
元数据，是用于描述数据的数据。它不会显示在页面上，但是机器却可以识别。
meta常用于定义网页关键字、网页介绍、网页制作者、网页编码方法、robots、自动跳转和其它的元数据。这些元数据将服务于浏览器（如何布局或重载页面），搜索引擎和其它网络服务。
meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等。
1.2 meta标签属性
meta标签共有两个属性，分别是http-equiv属性和n ...
Hack技术总结
1.1概述
由于各大浏览器尤其IE浏览器对web标准支持情况不一，导致标准的网页在各个浏览器中的表现不一，因此，解决各浏览器兼容性问题成为了前端工程师最重要的工作之一，而所谓的hack技术则是前端 ...
解决浏览器无法设置字体小于12px问题的详解
1.1常用浏览器分析
Opera 45.0版本默认不支持设置字体大小在12px以下；
Safari 默认支持设置字体大小在12px以下；
Mozilla firefox 53.0版本默认支持设置字体大小在12px以下；
Chrome默认不支持设置字体大小在12px以下；
IE 7+版本默认支持设置字体大小在12px以下；
通过以上分析，只要搞定Opera和chrome浏览器的默认设置就OK了。
1. 2 chrome浏览器解决方法
1.2.1利用CSS - ...