How can I select all textboxes and textareas, e.g:
<input type='text' />
and
<textarea></textarea>
on a page and have the property style.width="90%"; applied to them?
From stackoverflow
-
$('input[type=text], textarea').css({width: '90%'});That uses standard CSS selectors, jQuery also has a set of pseudo-selector filters for various form elements, for example:
$(':text').css({width: '90%'});will match all
<input type="text">elements. See Selectors documentation for more info. -
$("**:**input[type=text], :input[type='textarea']").css({width: '90%'});roryf : Why post the same answer twice? If there is something special about the minor differences, please explain them!eyelidlessness : I personally appreciate knowing about jQuery's :input pseudo-selector. +1 for showing me something new. -
Password boxes are also textboxes, so if you need them too:
$("input[type='text'], textarea, input[type='password']").css({width: "90%"});and while file-input is a bit different, you may want to include them too (eg. for visual consistency):
$("input[type='text'], textarea, input[type='password'], input[type='file']").css({width: "90%"});
0 comments:
Post a Comment