Selektor dla pól tekstowych w HTML5?

Question

Wiele razy z ramkami tekstowymi można użyć selektora "input [type = text]" w arkuszu stylów lub jQuery. Teraz z wszystkimi nowymi odmianami pól tekstowych w HTML5, jak możesz radzić sobie z ramkami tekstowymi oprócz umieszczania ich wszystkich w ten sposób ?:

dane wejściowe [typ = tekst], dane wejściowe [typ = kolor], dane wejściowe [typ = datetime ] input [type = email], wejście [type = liczba], wejście [type = Search], input [type = tel], wejście [type = url] ...

Answer 1

Jak daleko ponieważ wiem, że nie ma selektora, który wybiera te wejścia, możesz zdefiniować własny selektor.

var types = ['button', 'submit', 'reset', 'hidden', 'checkbox', 'radio']; 
jQuery.extend(jQuery.expr[':'], { 
    textbox: function (elem) {  
     return jQuery.inArray(elem.type, types) === -1 
    } 
}); 

$('input:textbox').bar(); 

http://jsfiddle.net/Xryyq/

Answer 2

To może być łatwiejsze w użyciu tylko input dla swoich pól tekstowych, a następnie albo stałe (dla CSS) lub wyłączyć (z :not()) rozebrać się pola wyboru, przyciski radiowe, itp