imagen, archivo, teléfono

_includes/file.html

@@ -2,7 +2,9 @@
 {%- assign id = include.field[1].id | default: name -%}
 {%- assign label = include.field[1]['path'].label[site.locale] -%}
 {%- assign help = include.field[1]['path'].help[site.locale] -%}
-{%- assign autocomplete = include.field[1].autocomplete -%}
+{%- assign accept = include.field[1].accept -%}
+
+<label>{{ label }}</label>
 
 <div class="custom-file">
   <input
@@ -15,8 +17,8 @@
     type="{{ include.field[1].type }}"
     name="{{ name }}[path]"
     id="{{ id }}_path"
-    {% if autocomplete %}
-      autocomplete="{{ autocomplete }}"
+    {% if accept %}
+    accept="{{ accept }}"
     {% endif %}
     class="custom-file-input" />
 

_includes/form/image.html

@@ -0,0 +1 @@
+../image.html

_includes/form/tel.html

@@ -0,0 +1 @@
+../tel.html

_includes/image.html

@@ -0,0 +1,32 @@
+{%- assign name = include.field[0] -%}
+{%- assign id = include.field[1].id | default: name -%}
+{%- assign label = include.field[1]['path'].label[site.locale] -%}
+{%- assign help = include.field[1]['path'].help[site.locale] -%}
+
+<label>{{ label }}</label>
+
+<div class="custom-file">
+  <input
+    {% if help %}
+      aria-describedby="help-{{ id }}"
+    {% endif %}
+    {% if include.field[1].required %}
+      required
+    {% endif %}
+    type="{{ include.field[1].type }}"
+    name="{{ name }}[path]"
+    id="{{ id }}_path"
+    accept="image/*"
+    class="custom-file-input" />
+
+  <label for="{{ id }}_path" class="custom-file-label">
+    {{ label }}
+    {% if include.field[1].required %}*{% endif %}
+  </label>
+
+  {%- if help -%}
+    <small id="help-{{ id }}" class="form-text">
+      {{ help }}
+    </small>
+  {%- endif -%}
+</div>

_includes/tel.html

@@ -0,0 +1 @@
+{% include input.html field=field %}