Changes input fields to correct HTML5 types

views/css/d.poi.css

@@ -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;

views/d.contact.html

@@ -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")) { ?>

views/d.poi.edit.html

@@ -27,9 +27,9 @@
 					</h1>
 
 					<div class="flex_line">
-						<input type="text" value="<?=$poi->lat?>" name="lat" id="lat" placeholder="Latitude">
+						<input type="number" class="noarrow" step="any" value="<?=$poi->lat?>" name="lat" id="lat" placeholder="Latitude">
-						<input type="text" value="<?=$poi->lon?>" name="lon" id="lon" placeholder="Longitude">
+						<input type="number" class="noarrow" step="any" 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->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>
 

views/d.user.password_lost.html

@@ -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>

views/d.user.profile.edit.html

@@ -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">

views/d.user.signin.html

@@ -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>