diff --git a/templates/partials/mdl_input.mustache b/templates/partials/mdl_input.mustache
index e423136..51691c3 100644
--- a/templates/partials/mdl_input.mustache
+++ b/templates/partials/mdl_input.mustache
@@ -7,6 +7,9 @@
 {{#fieldtype_tel}}
     {{>mdl_input_tel}}
 {{/fieldtype_tel}}
+{{#fieldtype_barcode}}
+    {{>mdl_input_barcode}}
+{{/fieldtype_barcode}}
 {{#fieldtype_datetime}}
     {{>mdl_input_datetime}}
 {{/fieldtype_datetime}}
diff --git a/templates/partials/mdl_input_barcode.mustache b/templates/partials/mdl_input_barcode.mustache
index 106b263..8784d2a 100644
--- a/templates/partials/mdl_input_barcode.mustache
+++ b/templates/partials/mdl_input_barcode.mustache
@@ -1,5 +1,17 @@
+<div class="mdlext-selectfield mdlext-js-selectfield mdlext-selectfield--floating-label">
+    <select id="{{field_id}}_type" name="{{field_id}}_type" size="1" class="tokentypesel mdlext-selectfield__select">
+        <option value="https://">URL</option>
+        <option value="qrCode:">QR code</option>
+        <option value="aztecCode:">Aztec code</option>
+        <option value="barcode128:">ISO-15417 barcode</option>
+        <option value="barcodeEAN:">EAN barcode</option>
+        <option value="barcodeUPCA:">UPC-A barcode</option>
+    </select>
+    <label for="{{field_id}}_type" class="mdlext-selectfield__label">Type of {{title}}</label>
+    <span class="mdlext-selectfield__error">Please select a type!</span>
+</div>
 <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
     <input class="mdl-textfield__input" type="text" {{#required}}required{{/required}} id="{{field_id}}" name="{{field_id}}" value="{{value}}"/>
     <label class="mdl-textfield__label" for="{{field_id}}">{{title}}</label>
-    <span class="mdl-textfield__error">Please input a URL or barcode!</span>
+    <span class="mdl-textfield__error">Please input a value!</span>
 </div>