![]() Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/clinic.corals.io/node_modules/intl-tel-input/examples/gen/ |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Example: Display an existing number</title> <link rel="stylesheet" href="../css/prism.css"> <link rel="stylesheet" href="../../build/css/intlTelInput.css?1613236686837"> <link rel="stylesheet" href="../../build/css/demo.css?1613236686837"> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-N472J4QKC4"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-N472J4QKC4'); </script> </head> <body> <a href="/">Back</a> <h1>Example: Display an existing number</h1> <p>We initialise the plugin on an input which already contains a full international number. The plugin will automatically select the relevant flag, and re-format the number to national format.</p> <h2>Markup</h2> <pre><code class="language-markup"><input id="phone" type="tel" value="+447733312345"> </code></pre> <h2>Code</h2> <pre><code class="language-javascript">var input = document.querySelector("#phone"); window.intlTelInput(input, { utilsScript: "../../build/js/utils.js?1613236686837" // just for formatting/placeholders etc }); </code></pre> <h2>Result</h2> <div id="result"> <input id="phone" type="tel" value="+447733312345"> </div> <script src="../js/prism.js"></script> <script src="../../build/js/intlTelInput.js?1613236686837"></script> <script src="./js/displayNumber.js?1613236686837"></script> </body> </html>