|
|
@@ -14,7 +14,7 @@
|
|
|
<title>Document</title>
|
|
|
</head>
|
|
|
|
|
|
-<body class="body-- odebug">
|
|
|
+<body class="body-- nodebug">
|
|
|
<h1>Full-page form (flexbox fields)</h1>
|
|
|
<form class="form form--full-page" action="#" method="post">
|
|
|
<h1 class="form__title">Form title</h1>
|
|
|
@@ -57,6 +57,15 @@
|
|
|
<p class="field__error-help-msg"></p>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="form__field field" id="input-multiple">
|
|
|
+ <label class="field__label" for="multiple">Select multiple</label>
|
|
|
+ <select class="select field__input" id="multiple" name="multiple" multiple="">
|
|
|
+ <option class="select__option" value="option1">Option 1</option>
|
|
|
+ <option class="select__option" value="option2">Option 2</option>
|
|
|
+ <option class="select__option" value="option3">Option 3</option>
|
|
|
+ </select>
|
|
|
+ <p class="field__error-help-msg"></p>
|
|
|
+ </div>
|
|
|
<div class="form__field">
|
|
|
<input class="input input--hidden" type="hidden" name="kind" value="internetcontent">
|
|
|
</div>
|
|
|
@@ -93,6 +102,15 @@
|
|
|
<label class="field__label" for="textarea">Textarea</label>
|
|
|
<textarea class="field__input input" id="textarea" type="textarea" name="text" label="Texte" placeholder="Ajouter une note"></textarea>
|
|
|
</div>
|
|
|
+ <div class="form__field field field--grid" id="input-multiple">
|
|
|
+ <label class="field__label" for="multiple">Select multiple</label>
|
|
|
+ <select class="select field__input" id="multiple" name="multiple" multiple="">
|
|
|
+ <option class="select__option" value="option1">Option 1</option>
|
|
|
+ <option class="select__option" value="option2">Option 2</option>
|
|
|
+ <option class="select__option" value="option3">Option 3</option>
|
|
|
+ </select>
|
|
|
+ <p class="field__error-help-msg"></p>
|
|
|
+ </div>
|
|
|
<div class="form__field">
|
|
|
<input class="input input--hidden" type="hidden" name="kind" value="internetcontent">
|
|
|
</div>
|
|
|
@@ -134,6 +152,15 @@
|
|
|
<textarea class="field__input input" id="textarea" type="textarea" name="text" label="Texte" placeholder="Ajouter une note"></textarea>
|
|
|
<p class="field__error">This field is bad, and you should feel bad</p>
|
|
|
</div>
|
|
|
+ <div class="form__field field field--grid" id="input-multiple">
|
|
|
+ <label class="field__label" for="multiple">Select multiple</label>
|
|
|
+ <select class="select field__input" id="multiple" name="multiple" multiple="">
|
|
|
+ <option class="select__option" value="option1">Option 1</option>
|
|
|
+ <option class="select__option" value="option2">Option 2</option>
|
|
|
+ <option class="select__option" value="option3">Option 3</option>
|
|
|
+ </select>
|
|
|
+ <p class="field__error">This field is bad, and you should feel bad</p>
|
|
|
+ </div>
|
|
|
<div class="form__field">
|
|
|
<input class="input input--hidden" type="hidden" name="kind" value="internetcontent">
|
|
|
</div>
|
|
|
@@ -166,6 +193,21 @@
|
|
|
<button class="form__submit button button-success" type="submit">Go</button>
|
|
|
</form>
|
|
|
|
|
|
+ <form class="form form--horizontal" action="#" method="post">
|
|
|
+ <div class="form__field">
|
|
|
+ <div class="field" id="input-select">
|
|
|
+ <label class="field__label" for="select">Select multiple</label>
|
|
|
+ <select class="field__input select" id="select" name="select" multiple>
|
|
|
+ <option class="select__option" value="option-1">Option 1</option>
|
|
|
+ <option class="select__option" value="option-2">Option 2</option>
|
|
|
+ <option class="select__option" value="option-3">Option 3</option>
|
|
|
+ </select>
|
|
|
+ <p class="field__error-help-msg"></p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <button class="form__submit button button-success" type="submit">Go</button>
|
|
|
+ </form>
|
|
|
+
|
|
|
<h1>Tag-like forms</h1>
|
|
|
<form class="form form--inline" action="#" method="post">
|
|
|
<h1 class="form__title">the tag</h1>
|
