Foehn Design System

Contact Form 

<form>
    <div class="form-group">
        <label for="firstname">Prénom</label>

        <input class="form-control" type="text" id="firstname" name="testInput" value="" required aria-required="true">
    </div>

    <div class="form-group">
        <label for="name">Nom</label>

        <input class="form-control" type="text" id="name" name="testInput" value="" required aria-required="true">
    </div>

    <div class="form-group">
        <label for="email">Courriel</label>

        <input class="form-control" type="email" id="email" name="testInput" value="" required aria-required="true">
    </div>

    <div class="form-group">
        <label for="phone">Téléphone</label>

        <input class="form-control" type="text" id="phone" name="testInput" value="" required aria-required="true">
    </div>

    <div class="form-group">
        <label for="subject">Sujet</label>

        <input class="form-control" type="text" id="subject" name="testInput" value="" required aria-required="true">
    </div>

    <div class="form-group">
        <label for="message">
            Message <span aria-hidden="true">(facultatif)</span>
        </label><textarea class="form-control" id="message"></textarea>
    </div>

    <div class="form-group">
        <button type="submit" class="btn btn-dark">Envoyer</button>

    </div>

</form>
 
<form>
  {% render '@input--default', {label: "Prénom", id: "firstname"}, true %}

  {% render '@input--default', {label: "Nom", id: "name"}, true %}

  {% render '@input--email', {id: "email"}, true %}

  {% render '@input--default', {label: "Téléphone", id: "phone"}, true %}

  {% render '@input--default', {label: "Sujet", id: "subject"}, true %}

  {% render '@textarea', {label: "Message", id: "message"} %}

  <div class="form-group">
    {% render '@submit' %}
  </div>

</form>
 
/* No context defined. */

No notes defined.