🔗 <url-input>
A Web Component to add a protocol to URL inputs.
There are two stargazers on GitHub and it has over 650 downloads on npm.
Try it out by entering a URL without a protocol (http:// or https://) in this input box!
Features Permalink ¶
<url-input> is a native Web Component to add a protocol to URL inputs.
Installation Permalink ¶
Install the package, which is available on npm:
npm install @chrisburnell/url-inputYou can also download it directly from GitHub:
https://github.com/chrisburnell/url-input/archive/main.zip
Usage Permalink ¶
You start using the <url-input> Web Component by including a <script> tag in your HTML:
<script type="module" src="/url-input.js"></script>General usage example
<url-input><input type="url"></url-input>Force HTTPS
<url-input force-https><input type="url"></url-input>