recherche

Maison  >  Article  >  interface Web  >  Quelles sont les méthodes de formulaire en javascript

Quelles sont les méthodes de formulaire en javascript

青灯夜游
青灯夜游original
2021-11-04 18:02:013767parcourir

Il existe deux méthodes de formulaire intégrées à JavaScript, à savoir : 1. reset(), utilisée pour réinitialiser tous les éléments d'entrée du formulaire à leurs valeurs par défaut ; 2. submit(), utilisée pour soumettre les données du formulaire au serveur Web.

Quelles sont les méthodes de formulaire en javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

L'objet Form représente un formulaire HTML.

Dans un document HTML, un objet Form sera créé à chaque fois que

Les utilisateurs de formulaires sont généralement utilisés pour collecter des données utilisateur et contenir des éléments de saisie tels que des champs de texte, des cases à cocher, des boutons radio, des boutons de soumission, etc. Les formulaires peuvent également inclure des menus d’options, des éléments de zone de texte, de jeu de champs, de légende et d’étiquette.

Les formulaires sont utilisés pour envoyer des données au serveur.

Méthodes d'objet de formulaire javascript (formulaire) :

Méthode Description
reset() Réinitialise tous les éléments d'entrée du formulaire à leurs valeurs par défaut.
submit() Envoyez le formulaire.

Méthode reset() de l'objet Formulaire La méthode

reset() peut réinitialiser les éléments du formulaire à leurs valeurs par défaut.

Syntaxe : formObject.reset()formObject.reset()

说明：调用该方法的结果类似用户单击了 Reset 按钮的结果，只是表单的事件句柄 onreset 不会被调用。

示例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function formReset(){
	document.getElementById("frm1").reset();
}
</script>
</head>
<body>

<p>在下面的输入框中输入一些文本,然后按下“重置表单”按钮重置表单。</p>
<form id="frm1">
用户名: <input type="text" name="name"><br>
密　码: <input type="password" name="password"><br><br>
<input type="button" onclick="formReset()" value="重置表单">
</form>

</body>
</html>

Quelles sont les méthodes de formulaire en javascript

Form 对象的submit()方法

submit() 方法把表单数据提交到 Web 服务器。

语法：formObject.submit()
Description : Le résultat de l'appel de cette méthode est similaire au résultat de l'utilisateur cliquant sur le bouton Réinitialiser, sauf que le handle d'événement du formulaire onreset ne sera pas appelé. .

Exemple : 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function formSubmit(){
	document.getElementById("frm1").submit();
}
</script>
</head>
<body>

<p>在下面的输入框中输入一些文本,然后按下“提交表单”按钮提交表单。</p>
<form id="frm1" action="form_action.asp">
用户名: <input type="text" name="name"><br>
密　码: <input type="password" name="password"><br><br>
<input type="button" onclick="formSubmit()" value="提交表单">
</form>

</body>
</html>
Quelles sont les méthodes de formulaire en javascript

🎜La méthode submit() de l'objet Formulaire🎜🎜🎜la méthodesubmit() soumet les données du formulaire au serveur Web. 🎜🎜Syntaxe : formObject.submit()🎜🎜🎜Description : Cette méthode soumet le formulaire de la même manière que l'utilisateur clique sur le bouton Soumettre, mais le gestionnaire d'événements onsubmit du formulaire ne sera pas appelé. . 🎜rrreee🎜【Apprentissage recommandé : 🎜Tutoriel avancé javascript🎜】🎜

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!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Qu'est-ce que le caractère de commentaire JavaScript sur une seule ligne ?Article suivant：Qu'est-ce que le caractère de commentaire JavaScript sur une seule ligne ?

Articles Liés

Voir plus