recherche

Maison >interface Web >Tutoriel H5 >développement html5 appels téléphoniques mobiles et partage d'exemples de code de fonction d'envoi de SMS

développement html5 appels téléphoniques mobiles et partage d'exemples de code de fonction d'envoi de SMS

黄舟
黄舟original
2017-03-17 16:13:556004parcourir

Sur de nombreux sites Web mobiles, il existe des fonctions permettant de passer des appels et d'envoyer des SMS. Comment ces fonctions sont-elles mises en œuvre ? En fait, ce n'est pas difficile. Aujourd'hui, nous allons utiliser html5 pour les implémenter. Tout simplement révélateur.
Le HTML5 est facile à écrire, mais lors de la création de pages Web, vous devez souvent effectuer les mêmes tâches à plusieurs reprises, comme la création de formulaires. Ici... il y a des HTML5 modèles de démarrage, des images vierges, passer des appels téléphoniques et envoyer des SMS, complétion automatique, etc., pour vous aider à vous améliorer efficacité du développement. Il apporte également des fonctionnalités plus intéressantes. D'accord, faisons-le aujourd'hui et voyons l'effet ! !
Regardez le code : 

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>伪专家html5开发法短信功能</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>
<p data-role="page">
  <p data-role="header" data-position="fixed">
    <h1>伪专家html5开发打电话、发短信功能</h1>
  </p>

  <p data-role="content">
    <p><b>如有疑问：请加qq群135430763，共同学习！！！</b></p>

    <p><b>如有疑问：请加qq群135430763，共同学习！！！</b></p>
  
    <p><a href="sms:10086?body=短信内容" data-role="button" data-theme="a">测试发短信</a></p>
  
  	<p><a href="tel:10086" data-role="button" data-theme="a">测试打电话</a></p>
  </p>

  <p data-role="footer" data-position="fixed">
    <h1>伪专家html5开发打电话、发短信功能</h1>
  </p>
</p>
</body>
</html>

Capture d'écran mobile :


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Exemple d'analyse de code sur la façon d'améliorer les performances frontales du site Web en HTML5Article suivant：Exemple d'analyse de code sur la façon d'améliorer les performances frontales du site Web en HTML5

Articles Liés

Voir plus