一、表单标签<form> 功能：表单用于向服务器传输数据，从而实现用户与Web服务器的交互。 表单能够包含input系列标签，比如文本字段、复选框、单选框、提交按钮等等。 表单还可以包含textarea、select、fieldset和 label标签。表单属性 action: 表单提交到哪。一般指向服务器端一个程序，程序接收到表单提交过来的数据（即表单元素值）作相应处理，比如https://www.sogou.com/web method: 表单的提交方式 post/get默...
标签选择器：<style> h1{ width: 960px; height: 30px; backgroung-color: cyan; }<style/> 类选择器：<style> h1{ width: 960px; height: 30px; margin: 0 auto; } .a {background-color: yellow;} .b {background-color: blue;} .c {background-color: red;}<style/> ID选择器：#header{}原文：https://www.cnblogs.com/wang-ovo/p/15232393.html
简介HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素，功能类似于jQuery的选择器。这使得在编写原生JavaScript代码时方便了许多。用法两个方法使用差不多的语法，都是接收一个字符串参数，这个参数需要是合法的CSS选择语法。element=document.querySelector(‘selectors‘);elementList=document.querySelectorAll(‘selectors‘);其中参数selectors 可以包含多个CS...
简介HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素，功能类似于jQuery的选择器。这使得在编写原生JavaScript代码时方便了许多。用法两个方法使用差不多的语法，都是接收一个字符串参数，这个参数需要是合法的CSS选择语法。element = document.querySelector(‘selectors‘);
elementList = document.querySelectorAll(‘selectors‘);其中参数selectors 可以包含多...
伪类选择器一、基于a标签。1、:hover 选择鼠标滑过的超链接元素2、:active 选择鼠标单击中的超链接元素3、:link 选择未被访问的超链接元素4、:visited 选择已经被访问过的超链接元素二、基于input标签。1、:focus 表示某个input元素被选中的情况。2、:enable 启用input元素3、:disable 禁用input元素三、:before和:after伪类选择器1.:before 在一个元素之前添加一个元素2.:after 在一个元素之后添加一个...
<body>
<p class="aa">aaa</p>
<p class="bb">bbb</p>
<p id="cc">ccc</p>
</body>
<script>//第一个class为aa的JS对象console.info(document.querySelector(‘.aa‘).childNodes[0].nodeValue);//选择idconsole.info(document.querySelector(‘#bb‘).textContent);//查找所有元素返回JS对象数组var allEle=document.querySelectorAll("*");for(var i=0;i<allEle.length;i++){console.info(allEle[i].tagName)}//选择第一个tagNam...
HTML5中类jQuery选择器querySelector的使用简介HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素，功能类似于jQuery的选择器。这使得在编写原生JavaScript代码时方便了许多。用法两个方法使用差不多的语法，都是接收一个字符串参数，这个参数需要是合法的CSS选择语法。element = document.querySelector(‘selectors‘);
elementList = document.querySelectorAll(‘...
一.基本选择器1.通配选择器：用【*】表示，<html><head><style type="text/css"><html><head><style type="text/css">*{ margin: 0; padding: 0; background-color:#999999; color:#FF0000;}div *{ margin: 0; padding: 0; background-color:#999999; color:#FF0000;}//只在div中起作用</style></head><body> <div> 长子div </div> 2.元素选择器：将某一元素的属性进行设置<html><head>...
元素选择器最常见的 CSS 选择器是元素选择器。换句话说，文档的元素就是最基本的选择器：p { text-indent:10px; color:blue;
} 什么情况下使用元素选择器，一般我们这样认为： 如果你想要让页面中所有的指定元素都有这个CSS效果，可以使用元素选择器。 有这样一段html代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><link rel="stylesheet" type="text/css" href="index.css"><title></title></head><bo...
标签选择器可以控制body里面所有的标签，p标签可以控制body里所有的P标签，font标签可以控制body里所有的font标签…… <html><head><style>p{ font-size:36px; font-style:italic; color:#FF0 }</style></head>…… <body><p>这一现象的根本在于：优秀的人总能看到比自己更好的，而平庸的人总能看到比自己更差的。</p></body></html>原文：http://www.cnblogs.com/xuxuefeng8906/p/4630521.html
这段代码是用HTML5来创建一个网页颜色选择器。首先在Canvas画一幅图，然后添加鼠标事件
“鼠标移动”，“鼠标点击”。在鼠标移动的时候，显示当前划过的颜色预览，在鼠标点击的时候，选中当前颜色，显示颜色的细节。
DEMO： http://www.oschina.net/uploads/demo/example158/ [代码] [HTML]代码html lang="en" > head> meta charset="utf-8" /> title>A title=HTML5 href="http://www.xyhtml5.com/">HTML5A> ...
html部分：$(function(){$("#form-staff-add").Validform({tiptype:3,});
});php部分：0){switch ($up_info['error'][$i]){case 1:$err_info="上传的文件超过了 php.ini 中 upload_max_filesize 选项限制的值";break;case 2:$err_info="上传文件的大小超过了 HTML 表单中 MAX_FILE_SIZE 选项指定的值";break;case 3:$err_info="文件只有部分被上传";break;case 4:$err_info="没有文件被上传";break;case 6:$err_info="找不到临时文...
HTML颜色选择器
范围：#000 - #FFF //  ');
}
document.writeln('');
var begin = 0;
for (var i = 0; i ');
for (var g = begin; g ');
}
}
document.writeln('');
}
}
// ]]> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
做前端，需要选择元素，虽说有jquery和各大js库已经帮我造好了轮子，但我想试试自己实现一个，正好项目也不忙，正好加入自己的js文件中，下面是实现代码。用$g(“#content .op”)这种格式就可以调用，和jquery $()的参数一样:function $findChilds(parentNode, text)
{
//如果不传入父节点的话，默认为body
if(parentNode == undefined)
parentNode = document.body;
var childNodes = parentNode.childNodes;
var results =...
今天做一个页面，无意中看到这个nth-of-type感觉挺方便的，之前单双行有的有横线，有的无横线一般在html中单独再写border-right：none等之类的。现在发现这个好东西赶紧记录下来。