Outils pour utilisateurs

Outils du site


webdev:html_css:forms

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
webdev:html_css:forms [02/10/2017 16:29]
dolo
webdev:html_css:forms [22/04/2019 23:39] (Version actuelle)
dolo
Ligne 1: Ligne 1:
-====== Rappel sur les formulaires ======+====== Rappels sur les formulaires ====== 
 +  * [[https://www.w3schools.com/html/html_forms.asp|Basics]] 
 +  * [[https://www.w3schools.com/tags/tag_input.asp|Inputs]] 
 +  * [[https://www.w3schools.com/tags/att_input_type.asp|Input types]]
  
-Ne pas utiliser de input type="submit", ça provoque des bugs sur je-sais-plus-quel vieux navigateur.+<del>Ne pas utiliser de input type="submit", ça provoque des bugs sur je-sais-plus-quel vieux navigateur.</del> Preuve ?
  
-=== Une checkbox unique n'est pas prise en compte quand on la décoche ===+==== Une checkbox unique n'est pas prise en compte quand on la décoche ====
 **Solution :** ajouter une deuxième checkbox cachée avec une value 0 et l'option checked sans conditions, **au-dessus de celle visible.** Seule la dernière checkbox checked sera prise en compte par le formulaire. **Solution :** ajouter une deuxième checkbox cachée avec une value 0 et l'option checked sans conditions, **au-dessus de celle visible.** Seule la dernière checkbox checked sera prise en compte par le formulaire.
 <code linenums> <code linenums>
Ligne 10: Ligne 13:
 </code> </code>
  
-=== Upload de fichier ===+==== Upload de fichier ====
 Penser à rajouter cet attribut au **<form>** Penser à rajouter cet attribut au **<form>**
 <code>enctype="multipart/form-data"</code> <code>enctype="multipart/form-data"</code>
Ligne 42: Ligne 45:
  }  }
 </code> </code>
 +
 +==== Prevent the form reloading with javascript ====
 +<Code linenums>
 + $('.keyTimes').on('submit', function(e)
 + {
 + e.preventDefault();
 + console.log('Nope lol');
 + console.log(e);
 +
 + });
 +</Code>
 +
 +Also to get the value of the first select in the form (first [0]) : **e.target[0].options[e.target[0].options.selectedIndex].value**
webdev/html_css/forms.1506954572.txt.gz · Dernière modification: 02/10/2017 16:29 de dolo