最新文章列表

HTML实体字符

【注意】:实体字符对大小写极为敏感   下面列举几个常用的实体字符:   空格 &nbsp; < 小于号 &lt; > 大于号 &gt;
青春..荒唐 评论(0) 有784人浏览 2018-01-12 19:20

iscoll移动端滚动加载数据

<!DOCTYPE html> <html> <head>     <meta charset="utf-8">     <meta name="viewport"           content="width=device-width, initial-scale=1.0, user-sca ...
01jiangwei01 评论(0) 有691人浏览 2018-01-09 13:15

把office文档转换为html过程中的一些坑

把office文档转换为html过程中的一些坑
java-007 评论(0) 有477人浏览 2018-01-05 18:17

<meta>标签详解

         如果我们在浏览器中按下F12或者Ctrl+shift+J,便可以打开开发者工具,在element中即可看到<head>元素中有不少<meta>元素。对于网页而言,<meta>元素是必不可少的。我们在创建一个html5文档时,就会发现类似于<meta charset="UTF-8">这样的标签,来规定解析文档的字符 ...
青春..荒唐 评论(0) 有616人浏览 2018-01-02 19:35

HTML热区map坐标,随窗口大小自适应办法

图片地图 / 图片热点虽然功能强大,但是不能根据页面的窗口调整而自适应,图片地图成了摆设。 今天给大家分享一个方法,有了它,再也不用担心图片地图走错门了。   话不多说,直接上源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8 ...
青春..荒唐 评论(0) 有2403人浏览 2017-12-29 19:25

图片热点area,map的用法(H5)

最近在工作中遇到html标签<map>的使用,记录下(图像地图 / 图像热点 )<map>的使用过程:   标准定义: 定义一个客户端图像映射。图像映射(image-map)指带有可点击区域的一幅图像。 通俗理解: <map>是在图片上面创建热点的标签,所谓图片热点就是给你一张图片然后你可以设置点击图片不同的位置进入不同的链接!   兼容:所有主 ...
青春..荒唐 评论(0) 有3422人浏览 2017-12-29 19:25

html中对input输入内容的限制

input 为输入标签,无需成对出现,通常书写格式为<input   type="输入类型"  .../>   有时候要限制input中输入的内容,如只读,只能输入数字等。 (1)限制input中只读不能输入任何内容的方法: 1.<input type="text" name="name" id="i ...
青春..荒唐 评论(0) 有2005人浏览 2017-12-29 19:24

<link>标签详解

<link>                              定义两个链接文档之间的关系,被定义于 HTML 文档的 head 部分。 常用于链接外部css文件、链接收藏夹图标(favicon.ico) (1)链接外部样式表 Html代码  <link href="img/divcss5.css" rel="styl ...
青春..荒唐 评论(0) 有1260人浏览 2017-12-29 19:13

html中input框自动切换对应的中文或英文输入法

最近遇到一个移动端要求,点击输入框时输入法的切换,记录总结下   用到一个css非标准的ime-mode属性,ime是Input Method Editor的简称。它是一种专门的 ...
青春..荒唐 评论(0) 有5327人浏览 2017-12-29 19:13

HTML5表单之Input 类型-url

<input type="url">,定义包含URL地址的输入域 (H5新对象)。用于表示语义上的url地址的输入域,会自动验证url域的值,外观上与type="text"的input输入类型没有差异.。  简单说就是用于应该包含 URL 地址的输入字段,并且会在提交表单时对 url 字段的值自动进行验证。  (提示:iPhone 的 ...
青春..荒唐 评论(0) 有3075人浏览 2017-12-28 18:18

input type=file 文件类型限制属性 accept

最近开发移动端,上传图片处客户要求点击上传后,直接弹出相册和拍照功能。测试后发现加上文件类型限制即可,不过不同系统调用方式不同。   差异:苹果显示为文件和拍照,安卓为相册和拍照(想到的一种方法就是自定义调用)。不过这里是系统差异,我们暂时不管。   在上传文件的时候,需要限制指定的文件类型。     <input type="file" accept=& ...
青春..荒唐 评论(0) 有7272人浏览 2017-12-28 18:07

使用 HTML5 input 类型提升移动端输入体验(键盘)

在最近的项目中,策划老是要求我们弹出各种类型的键盘,特别是在iOS下,例如输入帐号的时候,不应该支持输入中文,该输入纯数字的时候就应该谈数字键盘等。个人觉得这些都是我们平时开发很少意识到的,虽然有些刁钻,但都是为了用户体验,为了我们的产品,于是便在网上找了一些资料,在此与各位朋友分享:在过去的几年里,在移动设备上浏览网页已变得难以置信的受欢迎。 但是这些设备上的浏览体验,有时遗留很多的有待改进。 ...
青春..荒唐 评论(0) 有2057人浏览 2017-12-28 18:06

HTML表单之input元素的23种type类型

 随着HTML5的出现,input元素新增了多种类型,用以接受各种类型的用户输入。其中,button、checkbox、file、hidden、image、password、radio、reset、submit、text这10个是传统的输入控件,新增的有color、date、datetime、datetime-local、email、month、number、range、search、tel、t ...
青春..荒唐 评论(0) 有977人浏览 2017-12-27 19:28

input type="search" 实现搜索框

欲实现一个文字搜索的功能,要求输入时,键盘回车按钮提示显示为“搜索”。 参考自:https://segmentfault.com/a/1190000007765742 开始~ input type=text并不能达到这种效果,google了一下,html5 增加的type=search可以做到(但需要input type=search外面包上一层带action属性的form)。   & ...
青春..荒唐 评论(0) 有2852人浏览 2017-12-27 19:17

HTML5新特性总结

语义化标签 用最恰当的HTML元素标记的内容。 优点: 提升可访问性 SEO 结构清晰,利于维护 通用容器: div 块级通用容器 span 短语内容无语义 ...
青春..荒唐 评论(0) 有613人浏览 2017-12-26 22:03

自定义(滑动条)input[type="range"]样式

Range是HTML5中新出现的滑块控件,也是常见的控件的之一,不过这个控件的原始样式略丑,所以想对它进行一些改造。需要注意的是Internet Explorer 9及更早IE版本并不支持这个控件。    滑动条range控件同number控件类似,它可以表示整数或者小数值。同时也支持min和max属性,用于设置允许的范围。 不同的是,number控件是一个文本框形式,而range控件使用 ...
青春..荒唐 评论(0) 有3019人浏览 2017-12-26 20:36

HTML5日期输入类型(date)

Input Date 对象是 HTML5 中的新对象。 兼容:Internet Explorer 或 Firefox 不支持 <input type="date"> 元素(IE里表现为普通输入框),移动端暂时未测 ...
青春..荒唐 评论(0) 有3779人浏览 2017-12-26 19:29

TabIndex 属性 Tabindex="-1" 与Tabindex="0"、任意数字

当使用键盘时,tabindex是个关键因素,它用来定位html元素。     tabindex有三个值:0 ,-1, 以及X(X里32767是界点,稍后说明) 先写一个小例子了解下 ...
青春..荒唐 评论(0) 有1874人浏览 2017-12-25 22:15

单选与多选

单选:Radio 对象代表 HTML 表单中的单选按钮。 在 HTML 表单中 <input type="radio"> 每出现一次,一个 Radio 对象就会被创建。   多选:在 HTML 文档中 <input type="checkbox"> 每出现一次,Checkbox 对象就会被创建。 可以通过遍历表单的 elem ...
青春..荒唐 评论(0) 有725人浏览 2017-12-25 21:21

最近博客热门TAG

HTML(59043) JavaScript(54918) Web(54513) CSS(23971) jQuery(19234) Flash(19042) Ajax(18943) Flex(14085) EXT(14011) UI(11211) json(9986) prototype(7832) Adobe(5823) XHTML(5459) HTML5(4513) DWR(3402) GWT(3220) AIR(2592) fckeditor(1554) Dojo(1458)

博客电子书下载排行

    >>浏览更多下载

    相关资讯

    相关讨论

    Global site tag (gtag.js) - Google Analytics