<form>, <input>, <button>, <select>), méthodesclick, dblclick,mousedown, mouseup, mousemove,mouseenter, mouseleave. Idem au clavier :keydown, keyup, keypress.]]>mouseDown]]>onclick]]>click]]>click est le nomel.addEventListener("click", ...).]]>tap]]>action quand l'utilisateur soumet (par<button type="submit"> ou en<send>]]><form>]]><form> regroupe lesactionmethod (GET/POST).]]><input>]]><input> est un champ de<formulaire>]]><input> : text,password, email, number, date,checkbox, radio, submit, file.]]><textbox>]]><text />]]><input type="text">]]><input> est polyvalente,type détermine son apparence et son<entry>]]>submit<form>),reset (réinitialise les champs), button<button type="submit">Envoyer</button> (ou <input type="submit" value="Envoyer">)]]><button> est plus<input type="submit"> est<a>Envoyer</a>]]><a> est un lien, pas un<click>Envoyer</click>]]><send>Envoyer</send>]]><datalist> (suggestions sur unmultiple sur <select><list>]]><select> contenant des <option>]]><select> est le<option
value="...">texte</option>.]]><dropdown>]]><combo>]]><label> ?]]><label> associé. Sans label, les<label for="nomChamp">...</label> et<input id="nomChamp">.]]><strong> ou <b>.]]><h1>...<h6>.]]><label> agit sur laevent.preventDefault() dans lesend]]>submit]]>submit<form>. À écouter pourchange]]>click]]>submit.]]>name essentiel : c'est sousname, le champ n'est pas envoyé.]]><input type="text">]]><form>, pas de<form>Nom: <input></form>]]>name, ni méthode, ni<send name="nom" />]]><form action="/save" method="POST">
<label for="nom">Nom :</label>
<input id="nom" name="nom" type="text">
<button type="submit">Envoyer</button>
</form>]]><form> avec action et<label> lié à <input> parfor/id, name (essentiel pourhandleClick aubtn ?]]>addEventListener suronclick = : possibilité d'attacheronce, capture, passive).]]>btn.onclick(handleClick)]]>onclick est une propriété,btn.onclick = handleClick.]]>btn.click(handleClick)]]>btn.click() déclenche lebtn.addEventListener("click", handleClick)]]>btn.handle("click", handleClick)]]><input id="nom"> ?]]>el.value =
"nouveau". Pour les cases à cocher et lesel.checked (booléen).]]>document.getElementById("nom").text]]>value, pas text.]]>document.getElementById("nom").innerHTML]]>innerHTML est pour le contenudocument.getElementById("nom").content]]>document.getElementById("nom").value]]>value est la propriété<input>, <select>, <textarea>).]]>event.preventDefault() dans unform.addEventListener("submit", e => {
if (!valider()) e.preventDefault();
});<a>) afin de gérerwindow.close().preventDefaultconsole.clear(). LapreventDefaultmin, max, minlength, maxlength,pattern (expression régulière), type="email", etc.]]>mandatory="true"]]>required : <input required>]]>must-fill]]><input> est le plus adaptétype améliore l'ergonomietype="number"]]>type="text"]]>type="email"]]>type="age"]]>event.target (où l'événementevent.currentTargettarget.]]>event.dom]]>this.element]]>this peut référencerevent.target]]>event.element]]>name est-il important<input> ?]]>id (unique, pour CSSclass (pour CSS et JS, partagé),name (pour la soumission du formulaire).]]><label>.]]>name, le champnom=Alice&age=17 àname.]]><textarea> n'est pasvalue).]]><paragraph contenteditable>]]><textarea>contenu initial</textarea>]]>rows, cols, placeholder,maxlength.]]><text>multiligne</text>]]><input type="text" multiline>]]>multiline n'existe pas comme<input>.]]>input et change sur un <input type="text"> ?]]>input ; validation à la fin → change ;submit (sur leinput se déclenche à chaque modification (chaque touche), change seulement quand le champ perd le focus avec une nouvelle valeur]]>input est pluschange plus économe.]]>change plante toujours]]>changeinput n'existe pas]]>/save, que se passe-t-il côtéfetch API).]]>action du formulaire.]]>/save avec les données dans le corps, puis affiche la réponse du serveur]]>event.target pour identifier le bouton cliqué (« délégation d'événements »)]]>onclick à chaque bouton]]>addEventListener sur chacun des 100 boutons]]>name manque sur l'<input> (donc le champ n'est pas inclus dans la requête)]]><input id="nom"> ne suffit pas ; il<input name="nom"> (l'id n'estSameSite sur les cookies.]]>addEventListener]]>addEventListenername d'un champ est essentiel pour la soumission au serveur]]>name, pas envoyé.]]>type choisir pour un champ destiné àemail, tel, url, number, date, color,password.]]>type="contact"]]>contact n'est pas un type d'inputtype="email"]]>@), affiche un clavier adapté surtype="text"]]>type="address"]]>address n'est défini paremail.]]>pattern="..." (motif d'expression régulière à respecter),minlength/maxlength (longueur de la chaîne),min/max (valeur numérique ou date). Laobligatoire]]>required.]]>empty=false]]>required se passe derequired]]>required à un champmandatory]]>mandatory n'estrequired