h5点击电话号跳转手机拨号

需要使用到h5的 <a>标签

我们首先在<head>标签中添加代码

    <meta name="format-detection" content="telephone=yes"/>

然后再想要的位置添加代码

 <a href="tel:10086"> 点击拨打:10086 </a>

这样功能就实现了,完整代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>打电话</title>
<meta name="format-detection" content="telephone=yes"/>
</head>
<body>

 <a href="tel:10086"> 点击拨打:10086 </a>

</body>
</html>

这样最重的样式是这样的

如果你不想要这个下划线,可以在样式中修改,给<a>标签添加一个class属性,如:

 <a href="tel:10086" class="phone_point"> 点击拨打:10086 </a>

然后再style中添加样式:

.phone_point{
  text-decoration: none;
}

这样就可以了,完整代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>打电话</title>
<meta name="format-detection" content="telephone=yes"/>
</head>
<body>
<a href="tel:10086" class="phone_point"> 点击拨打:10086 </a>

</body>
<style>
.phone_point{
  text-decoration: none;
}
</style>
</html>

最终效果:

相关推荐
沙漠蓝色披头21 小时前
通过wifi无线方式,通过adb命令连接手机,用来传输文件和安装app
adb·智能手机
OJAC近屿智能21 小时前
苹果新品今日发布,AI手机市场竞争加剧,近屿智能专注AI人才培养
大数据·人工智能·ai·智能手机·aigc·近屿智能
解压专家6661 天前
解压软件手机版推荐:手机端高效解压工具
智能手机·winrar·7-zip
阿7_QuQ1 天前
手机控制电脑远程关机
智能手机
greenery1 天前
旧手机热点无法提供ipv6解决方法(emui 8 热点提供ipv6)
网络·智能手机
AirDroid_cn2 天前
Oppo手机投屏到Windows的两个方法,Windows系统自带投屏的替补!
智能手机·手机投屏·手机投屏电脑
私人珍藏库2 天前
[Android] Battery Guru - 手机电量管理优化
智能手机·电池·健康度
王景程2 天前
什么是手机的boot分区
智能手机·模块测试
普密斯科技3 天前
工业相机选型五要素
人工智能·数码相机·计算机视觉·智能手机·自动化·视觉检测
非凡ghost3 天前
阅读3.0——开源无广告,自定义书源的极致阅读体验
智能手机·软件需求