Selettore per caselle di testo in HTML5?

Question

Molte volte con le caselle di testo è possibile utilizzare il selettore di "input [tipo = testo]" nel foglio di stile o jQuery. Ora, con tutte le nuove varianti della casella di testo in HTML5, come si può trattare con le caselle di testo oltre a elencarli tutti come questo ?:

input [type = text], di input [type = colore], ingresso [type = datetime ], input [type = email], ingresso [type = numero], input [type = Ricerca], input [type = tel], ingresso [type = url], ...

Answer 1

Per quanto poiché so che non esiste un selettore che seleziona quegli input, puoi definire un selettore personalizzato.

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

Può essere più facile da usare solo input per le caselle di testo, e poi o di esclusione (per CSS) o escludere (con :not()) per togliere le caselle di controllo, pulsanti di opzione, ecc