Селектор text

Селектор :text бира инпуте са типом text. Погледајте таг input. Како :text не припада CSS спецификацији, за боље перформансе у модерним претраживачима уместо њега је боље применити [type='text'].

Синтакса

Овако бирамо инпуте са типом text:

javascript$(':text');

Као и код других селектора псеудо-класа (који почињу са ':'), пре ':' је боље ставити назив тага или другог селектора, у супротном ће се применити селектор '*', то јест $(':text') ће се тумачити као $('*:text'), па је уместо тога боље користити $('input:text'). Треба имати на уму да ће :text такође изабрати све инпуте, код којих није наведен атрибут type, разлике у понашању се могу видети на следећем примеру:

javascript$('<input>').is('[type=text]'); // враћа false
$('<input>').is(':text'); // враћа true

Пример

Хајде да изаберемо све инпуте са типом text и да им направимо зелену позадину и црвени оквир помоћу методе 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(); // спречава слање форме
});

Види још