afficher les éléments de formulaire à l'aide de javascript
Quelqu'un peut s'il vous plaît aidez-moi à travers ce....
J'ai deux champs de saisie dans mon formulaire . L'un de ce qui est caché, et je veux le montrer à l'aide d'un bouton. Maintenant, quand j'ai essayé de le montrer à l'aide onClick() la fonction sa ne répond pas...
quelqu'un peut-il me donner un extrait de code pour le faire....
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script>
function show()
{
document.getElementById('passwd').style.display="block" ;
}
</script>
</head>
<body>
<form action="demo.html" >
<input type="text" name="user" />
<br />
<input type="text" id="passwd" name="password" style="display:none;" />
<input type="button" onClick="show()" name="show" value="show" />
<br />
<input type="submit" value="OK" />
</form>
</body>
</html>
plz aider
Vous devez vous connecter pour publier un commentaire.
C'est à cause de votre
<input>
déclaration:Lorsque vous appelez
show()
JavaScript va tenter de résoudre le symboleshow
d'abord, parce que vous êtes d'appelshow()
de code inline, la résolution se déroule dansdocument
, qui tente de résoudre le symbole basé sur laname
ouid
attribut de votre boîte d'entrée.Solutions
Renommer le bouton:
Renommer la fonction:
Ne pas l'utiliser dans la ligne de code:
Voir aussi
Ne donnez pas de gestionnaire d'événements le même nom qu'un champ!
Javascript, la Fonction et la Forme de conflit de Nom
Il y a un problème avec la convention de nommage de show() en javascript. Car il suffit de changer le nom de 1(). il va travailler
vous pouvez utiliser jquery et écrire le code suivant:
$("#passwd").show()
ou vous pouvez utiliser
addClass('here_css_class')
et le code css.here_css_class{
display: block
}
Vous avez besoin pour utiliser cette:
ou tout simplement
En gros, il suffit d'ajouter le point-virgule 🙂
javascript:
) est totalement inutile car il n'y a pas de boucle de pause ou continuer à partir.