Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >a标签的妙用-拨打电话、发送短信、发送邮件

a标签的妙用-拨打电话、发送短信、发送邮件

阿豪聊干货

发布于 2018-08-09 07:00:51

发布于 2018-08-09 07:00:51

1.7K0

举报

文章被收录于专栏：Java后端技术Java后端技术

前端时间在做手机WAP网站时，遇到需要点击页面上显示的电话号能直接拨号的需求，查找资料发现可以使用html的a标签完美实现该需求！记录下来以备后用。。。。。。

目前主流手机浏览器对H5的支持已经很不错了，它们都可以对a标签的这些妙用进行对应的响应。

一、a标签实现在手机端点击直接拨打电话的效果代码：

<a href = “tel:400-500-600”>拨打电话联系我们</a>

二、a标签实现在手机端点击直接发送短信的效果代码

<a href = “sms:17802146616”>给我们发短信</a>

三、a标签实现在手机端点击直接发送邮件的效果代码

<a href = “mailto:xxxxx@163.com”>给我们发送邮件</a>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2016-02-18 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

多租户的 4 种常用方案

亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？

60页PPT全解：DeepSeek系列论文技术要点整理

移动设备网页打电话、发短信、发邮件的html5链接实现方法

android javascript 短信 html html5

在移动浏览器中实现拨打电话，调用sms发短信，发送email等功能，移动手机WEB页面(HTML5)协议提供的接口是一个好办法。采用url href链接的方式，实现在Safari ios，Android 浏览器，webos浏览器，塞班浏览器，IE，Operamini等主流浏览器，进行拨打电话功能。

疯狂的技术宅

2019/03/27

5K0

iOS应用调用系统打电话、发短信和发邮件功能引1、打电话2、发短信3、发邮件

在应用程序内，调用系统的功能来实现打电话、发短信和发邮件，通过电话号码或者邮箱，直接跳转到系统的功能界面。

Cloudox

2021/11/23

4.1K0

IOS中调用系统拨打电话与发送短信原

[[UIApplication sharedApplication] openURL:[NSURL URLWithString:[NSString stringWithFormat:@"tel://%@",_phoneNumber]]];

珲少

2018/08/15

5510

Flutter 中使用url_launcher打开外部浏览器、打开外部应用、拨打电话、发送短信、发送邮件

php flutter ios android

打开其它应用时，都是改变相应的url协议地址即可，跳转原理参照原生开发使用的url scheme，常用的如下:

越陌度阡

2021/02/04

6.2K4

Flutter 中使用url_launcher打开外部浏览器、打开外部应用、拨打电话、发送短信、发送邮件

a标签href的功用

a标签在html内使用最多的就是超链接，在href属性中加入url链接即可。当然，他还有其他的一些功用，下面来看一下

OECOM

2021/02/04

3K0

html点击按钮拨打电话

在进行移动版开发过程中，有时候页面上会留下商家的电话，用户点击电话或者电话旁边的小电话图标即可实现拨打电话的功能，这样省却了用户拨号的麻烦。下面我来介绍一下如何在html页面上点击调出拨打电话功能。

OECOM

2020/07/01

4.6K0

使用Twilio拨打电话或短信

网络安全 https 短信 api github

一直以来很想使用twilio来做拨打电话的系统，但是早期的twilio对无代码基础要求太高一直无法实现。现在，有更好的方式去实现了。

繁华是客

2023/03/03

2.6K0

web移动端实现打电话和保存到电话簿功能

在web移动端开发中，做产品页面时可能需要一个a标签来链接一个联系方式（电话号/座机号等），也可能会是一个侧边悬浮的电话小图标，无论怎么展示，我们都希望每当用户点击时，直接通过网页输好手机号并引导用户拨打给我们。而不希望输入手机号的工作由用户来完成。

1338335202用户

2022/12/19

7860

利用手机中存储的电话号码给联系人打电话与发短信

android 编程算法短信 https java

1.将存储在数据库中的数据布局到手机界面上，其操作请见http://blog.csdn.net/xia09222826/article/details/28660653

全栈程序员站长

2022/07/13

1.6K0

利用手机中存储的电话号码给联系人打电话与发短信

常见的移动端问题

html iphone ios python 网站

　　<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />

小蔚

2019/09/12

8590

我们应该知道的标签

javascript 短信

版权声明：本文为博主原创文章，欢迎转载，转载请注明出处。 https://blog.csdn.net/FE_dev/article/details/70767206

FEWY

2019/05/27

1.6K0

HTML5 学习总结（二）——HTML5新增属性与表单元素

张果

2018/01/04

3.7K0

HTML5 学习总结（二）——HTML5新增属性与表单元素

移动端常用的meta总结

声明viewport视口 viewport对于移动端设备来说非常的重要，用于定义视口的各种行为。其中最为重要的就是要设定一个展示页面的宽度width=device-width，如果我们不设置的话，width默认的值是980PX，假设我们当前用的是IPHONE 5来访问H5页面，IPHONE 5本身的宽度只有320PX，但是设备定义了H5页面展示的区域宽度应该是980PX，这样的话要想把H5页面全部进行展示，只有整体缩小大约三倍或者让用户在320PX的区域中来回的挪动才能看全整个H5页面。这种方式用户的体验度会非常的差，所以我们设定width=device-width，意思是当前设备屏幕有多宽，那么就按照多宽来渲染页面，这样就不会出现需要靠缩小或者左右移动来看完整个页面了。

河湾欢儿

2018/09/06

1.2K0

H5 超链唤起短信、邮件、QQ 服务

腾讯云开发者社区

特殊说明：解决问题的光鲜，藏着磕Bug的痛苦。万物皆入轮回，谁也躲不掉！以上文章，均是我实际操作，写出来的笔记资料，不会出现全文盗用别人文章！烦请各位，请勿直接盗用！

收心

2022/01/19

5910

Flutter中的打电话、发短信、调起外部浏览器、打开外部APP

我们通过url_launcher来实现调起电话、短信、外部浏览器、外部APP的功能。

拉维

2019/09/16

5.6K1

安卓基础干货(一)：了解一下安卓的发展历史

金兴 1.1G-4G的介绍 G generation 1G 大哥大只能进行通话不能发短信 2G wap.baidu.com 支持上网彩信业务 3G 沃 www.baidu.com 7.2M/s 4G lte long time evolution 100M/s 主要区别速率的不同 5G 华为大公司卖标准小公司卖产品 arm:并不生产处理器 10G/s 2.Android操作系统介绍安迪鲁宾研发 3.Android历史介绍 And

緣來

2018/09/18

1.4K0

【Java 进阶篇】HTML链接标签详解

java html 网站 href 标签

HTML链接标签是构建网页中超链接的重要元素之一，允许您在不同的网页之间或同一网页内创建链接。本篇博客将详细介绍HTML链接标签，包括超链接的类型、属性、用法和示例代码，旨在帮助基础小白更好地理解和使用链接标签。

繁依Fanyi

2023/10/12

5050

【Java 进阶篇】HTML链接标签详解

中高级前端必须注意的40条移动端H5坑位指南-HTML方向

php android css ios html

不知不觉在网易已有三年半，占了一半时间都在与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不完。Android和iOS各显神通，Android的系统版本和屏幕分辨率多得难以一招兼容，iOS的顽固标准和未知特性多得难以快速掌握。

JowayYoung

2021/02/03

9740

超链接标签

href iconfont parent self target

哈喽，亲爱的小伙伴们，好久没见啦，最近忙于项目的事情，所以并没有按时间发布新的文章，但是对于之前写的文章，我都有新的补充，尽量做到最全面和最易懂，那么这篇文章我就带大家了解一下什么是超链接标签。

守护最温柔的金木

2020/08/31

2.7K0

几个经常在H5移动端开发遇到的东西！

ios 微信 css 网站 php

1. 弹出数字键盘  <input type="tel">  <input pattern="\d*"> 安卓跟IOS的表现形式应

Nealyang

2019/10/23

1.2K0

几个经常在H5移动端开发遇到的东西！

相关推荐

移动设备网页打电话、发短信、发邮件的html5链接实现方法

更多 >

阿豪聊干货0

LV.0

这个人很懒，什么都没有留下～

作者相关精选

HTML标记之a标签

加入讨论

的问答专区 >

相关课程

一站式学习中心 >

AI代码助手快速上手训练营

腾讯云代码助手

低代码实战营

微搭低代码