Formularios con autofill

Uno de los “features” que más me gusta de los browsers modernos es que rellenen los formularios por mi. Hoy en día casi todos hacen esto pero no siempre correctamente. El problema es que los formularios no siempre tienen nombres descriptivos en los campos. Al menos yo veo con frecuencia campos que se llaman “field1”, “field2”, “field3”, etc.

Aquí comparto los regexes que usa Chrome para identificar los campos y hacer autofill. Supongo que esto debe aplicar a otros browsers tambien pero no lo se. Sería bueno que alguien sacara unos minutos e hiciera las pruebas correspondientes.

address:
address.?line|address1|addr1|street
address.?line2|address2|addr2|street|suite|unit
address.?line3|address3|addr3|street|line3
country|location
zip|postal|post code|pcode|^1z
city|town
state|county

credit card
card holder|name on card|nameoncard
number|card #|card no.|card_number|card number
expir|exp.*month|exp date|ccmonth
|exp|^/|ccyear|year

email
email|e-mail

name
username
^name|full *name|your name|customer name
first *name|first_name|initials|fname|first$
middle *initial|middle_initial|m\\.i\\.|mi$
middle *name|middle_name|mname|middle$
last *name|last_name|lname|surname|last$

phone
phone
area code
prefix
suffix

via Reddit