Effacer case de saisie php
t671
Messages postés
1632
Statut
Membre
-
Fallentree Messages postés 2445 Statut Membre -
Fallentree Messages postés 2445 Statut Membre -
Bonjour,
J'affiche des données issues d'une bd dans des cases de saisies. Je peux donc les modifier où les effacer.
Mais pour les effacer, je voudrais mettre un "bouton" à côté de chaque case.
J'ai essayé ceci :
mais ça ne fonctionne pas.
Comment faire ?
Merci.
J'affiche des données issues d'une bd dans des cases de saisies. Je peux donc les modifier où les effacer.
echo '<input name="date_naissance" type="text" id="date_naissance" value="'.$row['date_naissance'].'" size="40" maxlength="40">';
Mais pour les effacer, je voudrais mettre un "bouton" à côté de chaque case.
J'ai essayé ceci :
echo '<input name="date_naissance" type="text" id="date_naissance" value="'.$row['date_naissance'].'" size="40" maxlength="40"> <input type="reset" value="Effacer">';
mais ça ne fonctionne pas.
Comment faire ?
Merci.
A voir également:
- Effacer case de saisie php
- Saisie gestuelle iphone - Guide
- Effacer les données de navigation sur android - Guide
- Saisie vocale whatsapp - Accueil - Messagerie instantanée
- Saisie vocale sms - Guide
- Easy php - Télécharger - Divers Web & Internet
4 réponses
<input name="date_naissance" type="text" id="date_naissance" value="10/2/3" size="40" maxlength="40" />
<input type="reset" value="Effacer" onclick="document.getElementById('date_naissance').value='';">
<input type="reset" value="Effacer" onclick="document.getElementById('date_naissance').value='';">
Merci Fallentree. J'ai enlevé le ; à la fin, et j'ai mis des \ devant les ', mais ça fonctionne pas !
Voilà :
echo '<input name="date_naissance" type="text" id="date_naissance" value="'.$row['date_naissance'].'" size="40" maxlength="40"> <input type="reset" value="Effacer" onclick="document.getElementById(\'.$row[\'date_naissance\'].\').value=\'\'">';
Si tu as plusieurs champs de formulaire, le mieux c'est une fonction js assez simple pour éviter la répétition au niveau du onclick et ne pas utiliser un bouton de type "reset" mais un type "button". Par exemple considérons les 3 champs de formulaire suivants :
J'espères avoir répondu à ton problème...
<html>
<head>
<title>Test rapide sous IE9</title>
<script type="text/javascript">
function eraseField(idfield) {
document.getElementById(idfield).value="";
}
</script>
</head>
<body>
<form method="post" action="">
<p>Date de naissance : <input type="text" id="date_naissance" name="DATE_NAISSANCE" value="23/04/1988" size="40" maxlength="40" /> <input type="button" value="Effacer" onclick="eraseField('date_naissance')" /></p>
<p>Nom : <input type="text" id="nom" name="NOM" value="ORSENA" size="40" maxlength="50" /> <input type="button" value="Effacer" onclick="eraseField('nom')" /></p>
<p>Prénom : <input type="text" id="prenom" name="PRENOM" value="Eric" size="40" maxlength="50" /> <input type="button" value="Effacer" onclick="eraseField('prenom')" /></p>
</form>
</body>
</html>
J'espères avoir répondu à ton problème...
