Selektor text

Selektor :text bira input polja sa tipom text. Pogledajte tag input. Kako :text nije deo CSS specifikacije, za bolje performanse u modernim brauzerima umesto njega je bolje koristiti [type='text'].

Sintaksa

Ovako biramo input polja tipa text:

javascript$(':text');

Kao i sa drugim selektorima pseudo-klasama (koji počinju sa ':'), pre ':' je bolje staviti naziv taga ili drugog selektora, inače će se primeniti selektor '*', odnosno $(':text') će se tumačiti kao $('*:text'), zato je bolje umesto toga koristiti $('input:text'). Treba imati na umu da će :text takođe izabrati sva input polja kod kojih nije naveden atribut type, razlike u ponašanju mogu se videti u sledećem primeru:

javascript$('<input>').is('[type=text]'); // vraća false
$('<input>').is(':text'); // vraća true

Primer

Hajde da izaberemo sva input polja tipa text i postavimo im zelenu pozadinu i crveni okvir pomoću metode css:

html<form>
  <input type="button" value="button">
  <input type="file">
  <input type="checkbox">
  <button>button</button>
  <input type="reset">
  <input type="radio" name="test">
  <input type="radio" name="test">
  <input type="checkbox">
  <input type="text">
</form>

javascript$('form input:text').css({background: 'green', border: '2px red solid'});

$('form').submit(function(event) {
  event.preventDefault(); // sprečava slanje forme
});

Pogledajte takođe