本月博客排行
-
第1名
龙儿筝 -
第2名
johnsmith9th -
第3名
wy_19921005 - zysnba
- sgqt
- lemonhandsome
年度博客排行
-
第1名
宏天软件 -
第2名
青否云后端云 -
第3名
龙儿筝 - gashero
- wallimn
- vipbooks
- benladeng5225
- wy_19921005
- fantaxy025025
- e_e
- zysnba
- ssydxa219
- sam123456gz
- javashop
- arpenker
- tanling8334
- kaizi1992
- xpenxpen
- wiseboyloves
- xiangjie88
- ranbuijj
- ganxueyun
- sichunli_030
- xyuma
- wangchen.ily
- jh108020
- lemonhandsome
- zxq_2017
- jbosscn
- Xeden
- luxurioust
- lzyfn123
- zhanjia
- johnsmith9th
- forestqqqq
- ajinn
- nychen2000
- wjianwei666
- hanbaohong
- daizj
- 喧嚣求静
- silverend
- mwhgJava
- kingwell.leng
- lchb139128
- lich0079
- kristy_yy
- jveqi
- java-007
- sunj
最新文章列表
iscoll移动端滚动加载数据
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, user-sca ...
<meta>标签详解
如果我们在浏览器中按下F12或者Ctrl+shift+J,便可以打开开发者工具,在element中即可看到<head>元素中有不少<meta>元素。对于网页而言,<meta>元素是必不可少的。我们在创建一个html5文档时,就会发现类似于<meta charset="UTF-8">这样的标签,来规定解析文档的字符 ...
HTML热区map坐标,随窗口大小自适应办法
图片地图 / 图片热点虽然功能强大,但是不能根据页面的窗口调整而自适应,图片地图成了摆设。
今天给大家分享一个方法,有了它,再也不用担心图片地图走错门了。
话不多说,直接上源码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8 ...
图片热点area,map的用法(H5)
最近在工作中遇到html标签<map>的使用,记录下(图像地图 / 图像热点 )<map>的使用过程:
标准定义:
定义一个客户端图像映射。图像映射(image-map)指带有可点击区域的一幅图像。
通俗理解:
<map>是在图片上面创建热点的标签,所谓图片热点就是给你一张图片然后你可以设置点击图片不同的位置进入不同的链接!
兼容:所有主 ...
html中对input输入内容的限制
input 为输入标签,无需成对出现,通常书写格式为<input type="输入类型" .../>
有时候要限制input中输入的内容,如只读,只能输入数字等。
(1)限制input中只读不能输入任何内容的方法:
1.<input type="text" name="name" id="i ...
<link>标签详解
<link> 定义两个链接文档之间的关系,被定义于 HTML 文档的 head 部分。
常用于链接外部css文件、链接收藏夹图标(favicon.ico)
(1)链接外部样式表
Html代码
<link href="img/divcss5.css" rel="styl ...
HTML5表单之Input 类型-url
<input type="url">,定义包含URL地址的输入域 (H5新对象)。用于表示语义上的url地址的输入域,会自动验证url域的值,外观上与type="text"的input输入类型没有差异.。
简单说就是用于应该包含 URL 地址的输入字段,并且会在提交表单时对 url 字段的值自动进行验证。
(提示:iPhone 的 ...
input type=file 文件类型限制属性 accept
最近开发移动端,上传图片处客户要求点击上传后,直接弹出相册和拍照功能。测试后发现加上文件类型限制即可,不过不同系统调用方式不同。
差异:苹果显示为文件和拍照,安卓为相册和拍照(想到的一种方法就是自定义调用)。不过这里是系统差异,我们暂时不管。
在上传文件的时候,需要限制指定的文件类型。
<input type="file" accept=& ...
使用 HTML5 input 类型提升移动端输入体验(键盘)
在最近的项目中,策划老是要求我们弹出各种类型的键盘,特别是在iOS下,例如输入帐号的时候,不应该支持输入中文,该输入纯数字的时候就应该谈数字键盘等。个人觉得这些都是我们平时开发很少意识到的,虽然有些刁钻,但都是为了用户体验,为了我们的产品,于是便在网上找了一些资料,在此与各位朋友分享:在过去的几年里,在移动设备上浏览网页已变得难以置信的受欢迎。 但是这些设备上的浏览体验,有时遗留很多的有待改进。 ...
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 ...
input type="search" 实现搜索框
欲实现一个文字搜索的功能,要求输入时,键盘回车按钮提示显示为“搜索”。
参考自:https://segmentfault.com/a/1190000007765742
开始~
input type=text并不能达到这种效果,google了一下,html5 增加的type=search可以做到(但需要input type=search外面包上一层带action属性的form)。
& ...
自定义(滑动条)input[type="range"]样式
Range是HTML5中新出现的滑块控件,也是常见的控件的之一,不过这个控件的原始样式略丑,所以想对它进行一些改造。需要注意的是Internet Explorer 9及更早IE版本并不支持这个控件。
滑动条range控件同number控件类似,它可以表示整数或者小数值。同时也支持min和max属性,用于设置允许的范围。
不同的是,number控件是一个文本框形式,而range控件使用 ...
HTML5日期输入类型(date)
Input Date 对象是 HTML5 中的新对象。
兼容:Internet Explorer 或 Firefox 不支持 <input type="date"> 元素(IE里表现为普通输入框),移动端暂时未测 ...