Maison >interface Web >tutoriel HTML >En HTML, comment spécifier qu'un formulaire ne se valide pas lorsqu'il est à l'état désactivé ?

En HTML, comment spécifier qu'un formulaire ne se valide pas lorsqu'il est à l'état désactivé ?

WBOYavant: 2023-08-29 23:05:091407parcourir

En HTML, comment spécifier quun formulaire ne se valide pas lorsquil est à létat désactivé ?

En HTML, les formulaires de saisie utilisateur sont créés à l'aide de la balise

novalidate de la balise HTML est utilisé pour indiquer que les données du formulaire ne doivent pas être validées. Cette propriété est une valeur booléenne.

Voici des exemples...

Exemple

Dans l'exemple ci-dessous, nous utilisons novalidate pour désactiver le formulaire après la soumission.

<!DOCTYPE html>
<html>
<body style="text-align:center;">
   <form action="#" method="get"
      target="_self" novalidate>
      Name:
      <input type="text">
      <input type="submit" id="tutorials"
      name="mytutorials"
      value="Submit@tutorialspoint"
      formTarget="_blank">
   </form>
</body>
</html>

Sortie

Lorsque le script ci-dessus est exécuté, la fenêtre s'ouvrira et affichera les champs de saisie ainsi que le bouton de soumission. Lorsque vous cliquez sur le bouton Soumettre, il s'ouvre dans un nouvel onglet et aucun changement ne se produira puisque le formulaire n'est pas validé.

Exemple

Un autre exemple expliquant l'attribut novalidate est le suivant -

<!DOCTYPE html>
<html>
<head>
   <title>HTML novalidate attribute</title>
</head>
<body>
   <form action = "" method = "get" novalidate>
      Student Name<br><input type = "name" name = "sname"><br>
      Rank<br><input type = "number" name = "rank"><br>
      <input type = "submit" value = "Submit">
   </form>
</body>
</html>

Sortie

Lorsque le script ci-dessus est exécuté, une fenêtre s'ouvrira et affichera les champs de saisie nom et classement de l'étudiant ainsi qu'un bouton de soumission. Lorsque l'on clique sur le bouton Soumettre, le formulaire n'étant pas validé, il ouvre un nouvel onglet sans aucune modification.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

html

Déclaration：

Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer

Article précédent：Comment renvoyer le décalage horaire de la région actuelle en minutes ?Article suivant：Comment renvoyer le décalage horaire de la région actuelle en minutes ?

Articles Liés

Voir plus