Answers for "tel: html"

9

html telephone link

One click should open the phone dialler and input the number to be called.
<a href="tel:5551234567">Call (555)123-4567</a>
Posted by: Guest on April-13-2020
6

html telephone link

<a href="tel:1234657890">Call (123)456-7890</a>
Posted by: Guest on July-14-2020
6

href phone

<a href="tel:+5511981724236">98172-4236</a>
Posted by: Guest on September-17-2020
3

html telephone

<a href="tel:0612345678">Call me!</a>
Posted by: Guest on June-19-2020
0

tel: href

<a href="tel:1-562-867-5309">1-562-867-5309</a>
Posted by: Guest on May-14-2021
2

phone number input

JS Libraries required :
======================
https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js
https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/8.4.7/js/intlTelInput.js

Inside JS File :
================
$("input").intlTelInput({
  utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/8.4.6/js/utils.js"
});

Inside HTML File :
===================
<h1>International Telephone Input - BOOTSTRAP INPUT GROUP</h1>
<form>
  <div class="input-group">
    <input type="tel" class="form-control">
    <span class="input-group-addon">Tel</span>
  </div>
  <br>
  <div class="input-group">
    <input type="tel" class="form-control">
    <span class="input-group-addon">Tel</span>
  </div>
</form>

Inside Css File :
=================
body {
  margin: 20px;
}
form {
  width: 300px;
}

// workaround
.intl-tel-input {
  display: table-cell;
}
.intl-tel-input .selected-flag {
  z-index: 4;
}
.intl-tel-input .country-list {
  z-index: 5;
}
.input-group .intl-tel-input .form-control {
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0;
}
Posted by: Guest on July-06-2020

Browse Popular Code Answers by Language