Changes input fields to correct HTML5 types

This commit is contained in:
Léo Serre 2021-05-28 21:11:07 +02:00
parent 072ef1d43e
commit 59303dc737
6 changed files with 16 additions and 8 deletions

View File

@ -74,10 +74,18 @@ form.form h1 {
margin-right: 0 !important;
}
.flex_line input[type=text] {
.flex_line input[type=number], .flex_line input[type=text] {
flex: 1;
margin: 10px 5px 0 5px;
}
.noarrow::-webkit-inner-spin-button,
.noarrow::-webkit-outer-spin-button,
.noarrow {
-webkit-appearance: none;
-moz-appearance: textfield;
appearance: textfield;
margin: 0;
}
form.form input[type=submit] {
width: auto;

View File

@ -33,7 +33,7 @@
<p style="color: green;">Message bien envoyé.</p>
<? } ?>
<input type="text" name="name" id="name" placeholder="Nom" value="<?=$contact['name']?>">
<input type="text" name="email" id="email" placeholder="Adresse mail" value="<?=$contact['email']?>">
<input type="email" name="email" id="email" placeholder="Adresse mail" value="<?=$contact['email']?>">
<input type="text" name="subject" id="subject" placeholder="Sujet" value="<?=$contact['subject']?>">
<textarea name="message" id="message" rows="12" placeholder="Contenu de votre message"><?=$contact['message']?></textarea>
<? if($user->rankIsHigher("registered")) { ?>

View File

@ -27,9 +27,9 @@
</h1>
<div class="flex_line">
<input type="text" value="<?=$poi->lat?>" name="lat" id="lat" placeholder="Latitude">
<input type="text" value="<?=$poi->lon?>" name="lon" id="lon" placeholder="Longitude">
<input type="text" value="<?=$poi->ele?>" name="ele" id="ele" placeholder="Altitude">
<input type="number" class="noarrow" step="any" value="<?=$poi->lat?>" name="lat" id="lat" placeholder="Latitude">
<input type="number" class="noarrow" step="any" value="<?=$poi->lon?>" name="lon" id="lon" placeholder="Longitude">
<input type="number" class="noarrow" step="any" value="<?=$poi->ele?>" name="ele" id="ele" placeholder="Altitude">
<div id="elevation_icon" style="display:none;" title="Calculer l'altitude"><i class="fas fa-search-location"></i></div>
</div>

View File

@ -13,7 +13,7 @@
<? if(isset($_GET['error']) AND $_GET['error']==1) { ?>
<p style="color: red;">Cette adresse mail n'existe pas.</p>
<? } ?>
<input type="text" name="email" id="email" placeholder="Adresse mail">
<input type="email" name="email" id="email" placeholder="Adresse mail">
<input type="submit" name="submit" value="Envoyer un nouveau mot de passe">
</form>
</section>

View File

@ -39,7 +39,7 @@
<div id="description">
<ul>
<li><label for="name">Nom d'utilisateur :</label><input name="name" id="name" type="text" value="<?=$userProfile->name?>" placeholder="Charlie"></li>
<li><label for="email">Adresse mail :</label><input name="email" id="email" type="text" value="<?=$userProfile->email?>" placeholder="charlie@mountain.org"></li>
<li><label for="email">Adresse mail :</label><input name="email" id="email" type="email" value="<?=$userProfile->email?>" placeholder="charlie@mountain.org"></li>
<li><label for="password">Mot de passe :</label><input name="password" id="password" type="password" placeholder="Nouveau mot de passe"></li>
<li><label for="locale">Langue :</label>
<select name="locale" id="locale">

View File

@ -25,7 +25,7 @@
<? } ?>
<input type="text" name="login" id="login" placeholder="Nom d'utilisateur">
<input type="password" name="password" id="password" placeholder="Mot de passe">
<input type="text" name="email" id="email" placeholder="Adresse mail">
<input type="email" name="email" id="email" placeholder="Adresse mail">
<p id="captcha">
<input type="hidden" id="captchahidden" name="captcha" value="10">
<span id="captchatext">Merci d'attendre <b id="captchasec">10 s</b> avant de pouvoir vous inscrire.<br>