🍷 Digital Wine Cellar – Pattern Library

Input: Type Url 

<label for="type-url-1">
    Input type url

</label>
<input type="url" id="type-url-1" value="">
 
<label
  for="{{id}}"
  {{#if at-label}}class="at-only"{{/if}}
>
  {{label}}
  {{#if help-msg}}<em>{{help-msg}}</em>{{/if}}
</label>
<input
  type="{{#if type}}{{type}}{{else}}text{{/if}}"
  id="{{id}}"
  value="{{value}}"
  {{#if input-classes}}
  class="{{input-classes}}"
  {{/if}}
  {{#if disabled}}
  disabled
  {{/if}}
>
 
{
  "label": "Input type url",
  "id": "type-url-1",
  "type": "url"
}

Input

An <input> element with support for most text and number related types (supported examples are rendered above). Related MDN article.