HTML5 移动设备API

HTML5 移动设备API
为了更好地为移动设备服务,HTML 5推出了一系列针对移动设备的API。 Permission API 很多操作需要用户许可,比如脚本想要知道用户的位置,或者操作用户机器上的摄像头。 Permissions API就是用来查询某个接口的许可情况。 // 查询地理位置接口的许可情况 navigator.permissions.query({ name: 'geolocation' }) .then(function(result) { // 状态为 prompt,表示查询地理位置时, // 用户会得到...

图片上传后即时预览

图片上传后即时预览
图片上传后即时预览 <!DOCTYPE html> html> <head>     <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />     //设置图片上传后预览的div样式     <style type="text/css">         #preview, .img, img         {         width:200px;         height:200px;         }         #preview         {         border:1px solid #000;         }     &...

手机wap开发-网页调用拨打电话发短信邮件功能

手机wap开发-网页调用拨打电话发短信邮件功能
很多手机网页上留有联系电话,并且可以按下就可以拨打了,还有短信功能,调用手机的电话和短信功能,很方便用户操作,是个非常实用的小功能,这是如何通过前端实现的呢? 手机网页打电话 实现首页网页拨打电话,实际上就是一个标签加上属性,调用手机的拨号面板,从而方便用户直接拨打电话。 iPhone上写法:<a href=”callto:[phone_number]”>phone_number</a>   android上写...

没有javascript的html6

没有javascript的html6
关于 HTML6 意在实现无 JavaScript 的单页应用,这引起了前端开发社区一片哗然。请深呼吸,然后继续下面内容。 W3.org 分享了一个 casual proposal for HTML6 ,这引起了前端社区的激烈争论。来自前 NSA 雇员和创业企业级 Bobby Mozumder 提交了这份建议,声称一个高性能的响应式 Web 体验无需 JavaScript 支持。 Mozumder 写道:新兴的 Web 应用通过 JSON API 加载动态内容,这是单页应用的一个标准设计模...

Bootstrap 3 jQuery 插件 Validator-for-Bootstrap-3

Bootstrap 3 jQuery 插件 Validator-for-Bootstrap-3
Validator 是一个用于 Bootstrap 3 的,对用户友好的 HTML5 格式验证。 特点: 通过 data-API 和标准 HTML5 的属性配置 自定义的验证功能 自定义错误信息 通过 AJAX 输入域的验证 GitHub 仓库挂件 WordPress 插件 1000hz / bootstrap-validator A user-friendly HTML5 form validation jQuery plugin for Bootstrap 3 http://1000hz.github.io/boo...

日期选择控件 Bootstrap-datepicker

日期选择控件 Bootstrap-datepicker
Bootstrap-datepicker 提供了一个灵活的 Bootstrap 风格日期选择控件。它包括很多选项,方法和事件。你可以将月名称和工作日名称本地化。 GitHub 仓库挂件 WordPress 插件 eternicode / bootstrap-datepicker 这个仓库不存在或已被移除。 https://github.com/eternicode/bootstrap-datepicker -- Download ZIP

移动前端开发-解决手机浏览器图片自适应高度问题

移动前端开发-解决手机浏览器图片自适应高度问题
最近做PC站点的手机版,发现一个问题,图片在手机浏览器中显示效果有问题,宽度可以自动适应了,但是高度无法自动使用,调整css也没用,后来使用PHP正则替换的方式解决了手机浏览器图片自适应高度的问题。 一般情况下,解决手机浏览器自适应宽度和高度的方式是使用如下css即可: .content img{     max-width:100%;     height:auto;   } ...

HTML6命名空间

HTML6命名空间
HTML6 展望 你有没有曾经希望能在 HTML 中使用自定义标签?比如:使用来显示你的网站logo,还有使用来显示工具栏等等。 我们经常使 用 和 来组织页面,在 HTML6 里我们希望可以直接使用象和这样的自定义标签。 和 XML 一样,HTML6 应该支持 namespace(命名空间),如:xmlns:xhtml=”http://www.w3.org/1999/xhtml” HTML6 代码示例: <!DOCTYPE html>    <html:html>&n...

html-css中绝对定位和相对定位-by 大家学分享站

html-css中绝对定位和相对定位-by 大家学分享站
层级关系为: <div—————————-没有设置为定位元素,不是参照物 <div———————- position:relative 参照物 效果图: 为改变参照物(橘色框)后的效果 层级关系为: <div—————————-没有设置为定位元素,不是参照物 <div———————-没有设置为定位元素,不是参照物 效果图: 参照物为最顶级的元素情况。 层级关系为: <div—————————-没有设置为定位元素,不是参照物 <div———————-没有...

Web前端-ajax实现表单提交-by 大家学分享站

Web前端-ajax实现表单提交-by 大家学分享站
相信有很多学过html的,都知道提交表单常见的几种方式。这里总结一下,最平常的直接submit按钮提交就不说了。 一、不使用submit按钮的submit提交 这个标题看起来有些别扭,但实际中确实有这样的需求,我们要在提交表单时进行验证,验证通过才提交,否则不提交。可以用下面代码实现: 这是比较基础的一种实现方法。注意这时就不需要再form标签 上加action属性,地址填在这里的url就好。onSubmit是在表单提交...