@vcl/vcl/select/demo/example-form.html

The whole VCL in one package

<div id="example-form-input">
  <form class="form">
    <div class="form-control-group">
      <label class="form-control-label" for="example_form_input_0">
        Label
        <em class="required-indicator">•</em>
      </label>
      <div class="select input-field" role="listbox">
        <input class="input app-item readonly" role="listbox" value="Label of selected item" readonly>
        <button type="button" tabindex="-1" touch-action="none" class="square button">
          <div class="icogram">
            <span role="img" class="icon fas fa-chevron-down"></span>
          </div>
        </button>
      </div>
      <span class="form-control-hint">Form Control Hint</span>
    </div>
    <div class="form-control-group embedded-input-field-label">
      <label class="form-control-label" for="example_form_input_0">
        Embedded label
        <em class="required-indicator">•</em>
      </label>
      <div class="select input-field" role="listbox">
        <input class="input app-item readonly" role="listbox" value="Label of selected item" readonly>
        <button type="button" tabindex="-1" touch-action="none" class="square button">
          <div class="icogram">
            <span role="img" class="icon fas fa-chevron-down"></span>
          </div>
        </button>
      </div>
      <span class="form-control-hint">Form Control Hint</span>
    </div>
    <div class="form-control-group embedded-input-field-label floating">
      <label class="form-control-label" for="example_form_input_0">
        Floating label
        <em class="required-indicator">•</em>
      </label>
      <div class="select input-field" role="listbox">
        <input class="input app-item readonly" role="listbox" value="Label of selected item" readonly>
        <button type="button" tabindex="-1" touch-action="none" class="square button">
          <div class="icogram">
            <span role="img" class="icon fas fa-chevron-down"></span>
          </div>
        </button>
      </div>
      <span class="form-control-hint">Form Control Hint</span>
    </div>
  </form>
</div>