51751ABB-5214-4D7F-AB7F-8A7599AC7751 Created with sketchtool.

Input: Number

100% 
<div class="o-form__field">
    <div class="o-form__fluid">
        <input title="" type="number" class="o-form__input o-form__input--number " placeholder="Bitte ausfüllen" aria-describedby="input-04" pattern="number">
        <label class="o-form__label">Input type: phone</label>
    </div>
    <span class="o-form__info" id="input-04"></span>
</div>
 
<div class="o-form__field">
    <div class="o-form__fluid">
        <input title="{{ title }}" type="{{ type }}"
               class="o-form__input o-form__input--{{ type }} {{ class }}"
               placeholder="{{ placeholder }}"
            {% if Id %} aria-describedby="{{ Id }}"{% endif %}
            {% if pattern %} pattern="{{ pattern }}"{% endif %}
            {% if required %} required{% endif %}>
        {% if label %}
            <label class="o-form__label">{{ label }}{% if required %}<span class="required">*</span>{% endif %}</label>
        {% endif %}
    </div>
    {% if required %}
        <span class="o-form__status o-form__status--warning">
          {{ errortext }}
        </span>
    {% endif %}
    {% if Id %}
        <span class="o-form__info" id="{{ Id }}">{{ description }}</span>
    {% endif %}
</div>
 
{
  "label": "Input type: phone",
  "type": "number",
  "placeholder": "Bitte ausfüllen",
  "Id": "input-04",
  "pattern": "number",
  "required": false,
  "errortext": "Dieses Feld muss ausgefüllt werden.",
  "description": "",
  "title": ""
}

There are no notes for this item.