Ajouter un espace réservé à un champ de saisie par son nom

Question

J'essaie d'ajouter un espace réservé à un attribut en utilisant JavaScript.

Le code HTML de l'élément d'entrée est:

<td class="gfield_list_cell gfield_list_72_cell3" data-label="Amount Paid"> 
<input type="text" name="input_72[]" value="" tabindex="67"> 
</td> 

Il semble que je dois cibler par la classe aussi de la td mère « gfield_list_cell gfield_list_72_cell3 »

J'essaie de cibler ce en utilisant Javascript et $ signe comme espace réservé. J'utilise ceci, mais je n'arrive pas à le faire fonctionner.

<script type="text/javascript"> 
    var input = document.getElementsByName('input_72[]')[0]; 
    input.setAttribute('placeholder', '$'); 
</script> 

Toute aide serait appréciée. Merci

Answer 1

Vous devriez utiliser la méthode querySelector.

document.querySelector('.gfield_list_cell.gfield_list_72_cell3 input').setAttribute('placeholder','$');

<table> 
 
<td class="gfield_list_cell gfield_list_72_cell3" data-label="Amount Paid"> 
 
     <input type="text" name="input_72[]" value="" tabindex="67"> 
 
</td> 
 
</table>

Answer 2

Pas besoin d'utiliser javascript simplement ajouter un espace réservé en entrée.

<input type="text" name="input_72[]" value="" tabindex="67" placeholder="Name"> 

Answer 3

Essayez ceci:

var input = document.getElementsByName('input_72[]')[0]; 
input.setAttribute('placeholder', '$');