实例带有指定 tab 键顺序的链接：<a href="http://www.w3school.com.cn/" tabindex="2">W3School</a> <a href="http://www.google.com/" tabindex="1">Google</a> <a href="http://www.microsoft.com/" tabindex="3">Microsoft</a>浏览器支持几乎所有浏览器均 tabindex 属性，除了 Safari。定义和用法tabindex 属性规定元素的 tab 键控制次序（当 tab 键用于导航时）。提示和注释注释：以下元素支持 tabindex 属性：<a>, <area>, <...
实例定义用蓝色填充的矩形：JavaScript:var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.fillStyle="#0000ff"; ctx.fillRect(20,20,150,100);浏览器支持Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持 fillStyle 属性。注释：Internet Explorer 8 以及更早的版本不支持 <canvas> 元素。定义和用法fillStyle 属性设置或返回用于填充绘画的颜色、渐变或模式。默认值：#000000JavaScrip...
定义和用法pattern 属性规定用于验证输入字段的模式。模式指的是正则表达式。您可以在我们的 JavaScript 教程中阅读到这方面的内容。注释：pattern 属性适用于以下 <input> 类型：text, search, url, telephone, email 以及 password 。提示：请使用标准的 "title" 属性来描述模式。语法:<input pattern="regexp">例子:<!DOCTYPE HTML> <html> <body> <form action="/example/html5/demo_form.asp" method="get">国家代码：<input ...
同一个页面中有许多地方都用到了单选按钮并设置了默认选中 , 结果在运行的时候发现单选按钮没有被默认选中由于是复制然后修改个别属性 ,然后直接使用的 , 所以name值忘记修改了 , 单选框是根据name来判断选中 .修改前 类似这样:由于是多个地方使用单选按钮 , 将所有使用了单选按钮的p同时显示出来 , 效果类似下面:代码类似下面这样代码(两组单选按钮 , 设置的name属性相同 , 两组分别设置了默认选中 , 结果只默认选中最后一组的设置...
当我们给图片加属性的时候，初学时，可能会弄混淆alt与title的区别，那么这两个的区别，我们可以从本意来看—— alt原词是“Alternate”，切换，替换的意思。常用的输入法切换会用到alt键进行中英文切换。据有道标准释义如下： title，即为标题、主题，某一对象的标题，如文章有文章标题，作用是对文章进行总结性描述。所以，区分就好区分了，在HTML文档编辑img标签中，alt即是起到替代img无法显示时候的描述作用，告诉人这里是什么...
一、背景图像显示：①background-size：规定背景图像的大小；值：像素值、百分比、auto、cover、contain②background-origin ：规定背景图像的起始位置；值：padding-box(默认)、content-box、border-box③background-clip值：padding-box、content-box、border-box(默认)二、HSLA：新增颜色属性；H：色调S：饱和度L：亮度A：透明度三、新增渐变颜色：radial-gradient：(*position（deg），color percentage，color percentage)；径...
同一个页面中有许多地方都用到了单选按钮并设置了默认选中 , 结果在运行的时候发现单选按钮没有被默认选中由于是复制然后修改个别属性 ,然后直接使用的 , 所以name值忘记修改了 , 单选框是根据name来判断选中 .修改前 类似这样:由于是多个地方使用单选按钮 , 将所有使用了单选按钮的p同时显示出来 , 效果类似下面:代码类似下面这样代码(两组单选按钮 , 设置的name属性相同 , 两组分别设置了默认选中 , 结果只默认选中最后一组的设置...
在IE8浏览器下用name属性去获取dom元素时居然是不区分大小写的。 比如：<input type=text name=C1/> <input type=text name=c1/>如上有2个input输入框，它们的name属性分别是大写C1和小写c1 在获取元素时，在谷歌浏览器下使用jqury获取：$("input[name=c1]").length // 1如上代码在I8下运行时获取的dom元素是2。 改为js原生方法来获取：document.getElementsByName(c1).length document.querySelectorAll("input[name=c1").length以...
以前获取dom元素基本都是通过js的document.getElementById()或者document.getElementByName等方法或者通过jQ的选择器来选择,但其实html的name属性也可以用来直接获取dom元素,代码如下所示:<!DOCTYPE html> <html> <head> <script>function check(){listForm.sel.checked=true;}</script></head><body><form name="listForm"><input type="checkbox" name="sel"/></form><input type="button" value="button" onclick="check();"/><...
我使用一组a标签做tab切换，给a标签加上href="#"的话点击a标签总是会跳到顶部，加javascript:void(0)的话感觉有的时候点击的反应速度变慢，偶尔会卡，请教下各位如果a标签不加href会有什么影响，不符语义化或者对优化什么的有啥影响吗？其实 href="#" 的话可以通过 preventDefault() 方法阻止默认的链接跳转行为如果用 jQuery, 则可以$("#myLink").click(function () { // Your event handlers herereturn false; });一个 a 没有...
由于公司需要，小菜最近在搞app web开发，目前只有ios和android版本，虽然仅此两个版本，但是依然要考虑浏览器兼容性问题，因为android和ios默认浏览器内核是不一样的。 先说说兼容性问题是什么。假如有这样一个URL： http://www.kpdown.com/search?name=Ben Nadel 此URL后边有一个name参数，只不过参数的值竟然带了空格，这样的链接，直接用android浏览器访问，是没有问题的，但用ios的浏览器访问，这就是一个错...
1.textarea设置默认值<span style="font-family: Arial, Helvetica, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); "> HTML:</span><form action="test" name="myForm" onsubmit="set()"><textarea rows="0" cols="0" name="jsonHidden" readonly="readonly" style="display:none;"></textarea><input type="submit" value="提交" > 此段代码设置一个textarea文本框 并且设置为隐藏2.textarea高度自适应...
position的几种属性值：static, relative, absolute, fixed, inherit<html ><head><meta http-equiv="content-type" content="text/html" charset="gb2312"><style> *{margin:0;padding:0} </style> </head> <body> <p style="position:absolute;height:400px;width:400px;background:yellow;left:80px;top:80px;"><p style="position:absolute;height:200px;width:200px;background:red;left:100px;top:80px;"></p><p style="posi...
IE5.5开始支持浮动框架的内容透明。如果想要为浮动框架定义透明内容，则必须满足下列条件。1.与 iframe 元素一起使用的 allowTransparency 标签属性必须设置为 true。2.在 iframe 内容源文档，background-color 或 body 元素的 bgColor 标签属性必须设置为 transparent。具体步骤： 1. 包含框架页的代码。<body bgColor="#eeeeee"> <iframe allowTransparency="true" src="transparent.htm"> </iframe>2.transparent.htm页的代码。...
<!DOCTYPE html> <html> <head> <title>当锚点定位遇上position: fixed</title> <style type="text/css"> * { margin: 0; padding: 0; }body { position: relative; }a { color: white; text-decoration: none; }.nav { position: fixed; top: 0; left: 0; width: 100%; height: 100px; background-color: black; }.part-one, .part-two, .part-three { width: 100%; height: 800px; }.part-one { background-color: red; padding-...