Comment sélectionner toutes les zones de texte et les boîtes de texte à l'aide de jQuery ?

Question

Comment puis-je sélectionner toutes les zones de texte et tous les espaces de texte, par ex :

<input type='text' />

et

<textarea></textarea>

sur une page et ont la propriété style.width="90%"; qui leur est appliqué ?

Answer 1

$('input[type=text], textarea').css({width: '90%'});

qui utilise les sélecteurs CSS standard, jQuery dispose également d'un ensemble de filtres pseudo-sélecteurs pour divers éléments de formulaire, par exemple :

$(':text').css({width: '90%'});

correspondra à tous les <input type="text"> éléments. Voir Documentation sur les sélecteurs pour plus d'informations.

Answer 2

Les cases de mot de passe sont également des zones de texte, donc si vous en avez besoin :

$("input[type='text'], textarea, input[type='password']").css({width: "90%"});

et bien que l'entrée des fichiers soit un peu différente, vous pouvez vouloir les inclure aussi (par exemple, pour la cohérence visuelle) :

$("input[type='text'], textarea, input[type='password'], input[type='file']").css({width: "90%"});

Answer 3

$("**:**input[type=text], :input[type='textarea']").css({width: '90%'});

Answer 4

names = [];
$('input[name=text], textarea').each(
    function(index){  
        var input = $(this);
        names.push( input.attr('name') );
        //input.attr('id');
    }
);

il sélectionne tous les textboxes et textarea dans votre DOM, où la fonction $.each itère pour fournir le nom de l'élément ecah.

Answer 5

Il suffit d'utiliser $(":input")

Exemple : désactivation de toutes les entrées (textarea, input text, etc) :

$(":input").prop("disabled", true);

<form>
  <textarea>Tetarea</textarea>
  <input type="text" value="Text">
  <label><input type="checkbox"> Checkbox</label>
</form>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>