腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

偏前端工程师的驿站

专栏作者

274

文章

343394

阅读量

58

订阅数

动手写个数字输入框1：input[type=number]的遗憾

前言最近在用Polymer封装纯数字的输入框，开发过程中发现不少坑，也有很多值得研究的地方。本系列打算分4篇来叙述这段可歌可泣的踩坑经历：《动手写个数字输入框1：input[type=numbe

2018-01-18

1.5K0

前端魔法堂：onsubmit和submit事件处理函数怎么不生效呢？

前言最近在用Polymer增强form，使其支持表单的异步提交，但发现明明订阅了onsubmit和submit事件，却怎么也触发不了。下面我们将一一道来。提交表单的方式表单仅含一个以下的元素时，该元素得到焦点，按回车键，即可发起表单提交。 input[type=text] input[type=password] input[type=email] input[type=url] input[type=tel] input[type=number] input[type=search] 示例: <f

2018-01-18

1.8K0

HTML语义化：HTML5的新标签及IE5.5~9的部分兼容方案

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　本文将介绍HTML5中新增的语义化标签，及在IE5.5~9（IE9已经开始支持部分HTML5新标签了）支持这些新标签的兼容性处理。目录一坨：二、语义化标签：article、aside、time、mark、section、header、footer、hgroup、progress、figure、figcaption、nav、meter、output、details、summary、ruby和main 三、让IE5.5~9支持H

2018-01-18

1.1K0

语义化HTML：i、b、em和strong标签

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　在HTML4.1中i和b作为表象标签分别表示斜体和粗体样式，而强调样式与内容分离的XHTML中则出现样式效果相同的em和strong表义标签，此时我们会建议避免使用i和b标签，应该改用em和strong标签。但在HTML5对i和b赋予新的语义，本文将再一次认识它们！二、元素语义　　　　　　　　　　　　　　　　　　　　　　　　 1. i标签 W3C草案： The i element represents a span of te

2018-01-18

1.1K0

语义化HTML：ul、ol和dl

一、语义化元素　　　　　　　　　　　　　　　　　　　　　　　　　　 1. ul标签 W3C草案： The ul element represents an unordered list of items; that is, a list in which changing the order of the items would not change the meaning of list.W3C specification 语义化<ul>元素：表示包含一组无序列表项内容。在

2018-01-18

2K0

HTML语义化：HTML5新标签——template

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　当我们使用String-base的模板引擎（如Handlebars.js等）时，要么就通过外部文件存放模板文本，需要时再通过XHR或script标签加载进来；要么通过<script type="text/x-template"></script>等标签直接写在当前页面上。现在HTML5为我们提供了一个全新的template标签，以更统一、有效的方式存放String-base模板引擎的模板文本了！目录一坨：二、那些年我们存放

2018-01-18

1.7K0

JS魔法堂：LINK元素深入详解

数据处理 html5 javascript

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　我们一般使用方式为 <link type="text/css" rel="stylesheet" href="text.css"> 来引入外部层叠式样式文件，但LINK元素各属性的具体含义、资源加载行为等方面却了解不多，本文打算稍微深入一下。由于内容较多，特设目录一坨：二、到底有没有结束标签？三、普通属性介绍四、属性disabled详解 1. Attribute和Property的disabled 2. dis

2018-01-18

3.3K0

JS魔法堂：IE5~9的Drag&Drop API

api html5 存储

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　《 HTML5魔法堂：全面理解Drag & Drop API》中提到从IE5开始已经支持DnD API，但IE5~9与HTML5的API有所不同，下面我们来了解一下吧！二、IE5~9与HTML5的DnD API的不同点　　　　　　　　　　　　　　　　 1. IE5~9DnD API仅对 img元素、 a[href]元素和 input[type=text]/textarea元素中被选中的文字有效，且不用设置

2018-01-18

1.1K0

HTML5魔法堂：全面理解Drag & Drop API

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　在HTML4的时代，各前端工程师为了实现拖拽功能可说是煞费苦心，初听HTML5的DnD API觉得那些痛苦的日子将一去不复返，但事实又是怎样的呢？下面我们一起来看看DnD API的真面目吧！二、由于篇幅较长，特设目录一陀　　　　　　　　　　　　　　　　　　　　　　三、HTML4下实现简单拖拽四、HTML5下实现简单拖拽五、如何启用DnD效果六、draggable属性详解七、DnD的生命周期八、DnD中最重要的数

2018-01-18

3.9K0

前端翻译：Activating Browser Modes with Doctype

html5 xml 网站 html

一、前言　　　　　　　　　　　　　　　　　　　　　　　　由于本人英语能力有限，译本内容难免有误，望各位指正！本译文不含附录部分，请知悉。二、译文内容　　　　　　　　　　　　　　　　　　　　　　为了让用户正常访问遵循Web标准的网站和90年代后期的非标准网站，当前的浏览器都内置了多种引擎模式。本文将解释这些模式和它们触发的原理。本文概要（没耐性的同学看完这个就可以闪了！）本文结论：以<!DOCTYPE html>作为你们的HTML文档（http头的mime为text/http的

2018-01-18

9040

JS魔法堂：阻止元素被选中

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　在为IE5.5~9polyfill HTML5新特性placeholder时需要阻止元素被选中，因此在网上、书上查阅相关资料，记录在此以便日后查阅。二、IE10+实现方式──CSS3　　　　　　　　　　　　　　　　　　　　 .unselect { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none;

2018-01-18

3.8K0

JS魔法堂：那些困扰你的DOM集合类型

html5 javascript

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　大家先看看下面的js，猜猜结果会怎样吧！　　可选答案：　　①. 获取id属性值为id的节点元素　　②. 抛namedItem is undefined的异常 var nodes = document.getElementsByName('dummyName'); var node = nodes.namedItem('id'); 　　答案是两种都有可能哦！document.getElementsByName在Chrome

2018-01-18

2K0

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态