html type for entering phone number code example

Example: 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 :
===================

International Telephone Input - BOOTSTRAP INPUT GROUP

Tel

Tel
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; }

Tags:

Misc Example