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>

最终效果:

相关推荐
limingade4 小时前
手机实时提取SIM卡打电话的信令声音-整体解决方案规划
android·智能手机·usb蓝牙·手机拦截电话通话声音
天向上4 小时前
手机端的音视频界面或者图片文档界面共享给大屏
智能手机·音视频·多平台·手机投屏·多屏互动
非凡ghost5 小时前
Control Center 安卓版:个性化手机控制中心
android·智能手机·生活·软件需求
wanhengidc5 小时前
云手机选哪个比较好用?
服务器·网络·安全·游戏·智能手机
苏格拉真没有底5 小时前
Wi-Fi 与蜂窝网络(手机网络)的核心区别,以及 Wi-Fi 技术未来的发展方向
网络·智能手机
limingade1 天前
手机实时提取SIM卡打电话的信令声音-当前现状与思考
智能手机·usb蓝牙·手机提取电话通话声音
wanhengidc2 天前
企业在使用巨椰云手机进行多开挂机功能的优点有哪些?
运维·服务器·安全·智能手机
杨骅麟(Patrick Young)2 天前
荣耀手机无法连接win11电脑,错误消息:“无法在此设备上加载驱动程序 (hn_usbccgpfilter.sys)。”解决方案
智能手机·电脑
wanhengidc3 天前
云手机网速和本机网速的关系
网络·智能手机
MUTA️4 天前
服务器使用ADB调试手机
服务器·adb·智能手机