Better display of the create formular

This commit is contained in:
Gregory Trolliet 2020-11-22 16:05:54 +01:00
parent 4dd3d27ba6
commit e487438606
2 changed files with 21 additions and 7 deletions

View file

@ -7,9 +7,16 @@ if (empty($_POST)) {
?> ?>
<div id="cloud_create"> <div id="cloud_create">
<form method="post" action="create.php"> <form method="post" action="create.php">
<label for="ftext">Description du nuage</label> <div class="cloud_create_element">
<input type="text" id="ftext" name="ftext" placeholder="Votre texte ici"> <label id="ftext_l" for="ftext">Description du nuage</label>
<label for="fduration">Durée de vie du nuage</label> <textarea id="ftext" name="ftext" rows="3" cols="60" placeholder="Votre texte ici"></textarea>
</div>
<div class="cloud_create_element">
<label for="fduration">
<span title="Durée après laquelle le nuage sera supprimé">
Durée de vie du nuage
</span>
</label>
<select id="fduration" name="fduration"> <select id="fduration" name="fduration">
<?php <?php
foreach (DataBase::OPTIONS_DURATION as $name => $duration) { foreach (DataBase::OPTIONS_DURATION as $name => $duration) {
@ -17,8 +24,11 @@ if (empty($_POST)) {
} }
?> ?>
</select> </select>
<label for="fsize">Nombre de mots par entrée (entre 1 et 9)</label> </div>
<div class="cloud_create_element">
<label for="fsize">Nombre de mots maximum par entrée</label>
<input type="number" id="fsize" name="fsize" min="1" max="9"> <input type="number" id="fsize" name="fsize" min="1" max="9">
</div>
<input type="submit" value="Créer"> <input type="submit" value="Créer">
</form> </form>
</div> </div>

View file

@ -98,3 +98,7 @@ footer, #page-wrap:after {
.cloud_link { .cloud_link {
margin-bottom: 1em; margin-bottom: 1em;
} }
#cloud_create #ftext_l{
vertical-align: top;
}