Posts

Autofill on Browsers by Jason Grigsby

Image
Many people know that you can scan your credit card in Mobile Safari. But how many web developers know how to create a form that supports that feature? Not many I’d bet. Auto-Fill Credit Card Forms Using Your iPhone’s Camera in iOS 8. Used with permission. It doesn’t help that Apple has provided zero documentation on how the scan credit card feature works. But there is another factor at play here. The scan credit card feature is a subset of browser functionality that web developers have long ignored: autofill. It’s understandable why web developers haven’t paid much attention to autofill. When you’re filling out forms with test data on a regular basis, autofill tends to get in the way. But autofill is an important feature for our users. Google has found that “users complete forms up to 30% faster” when using autofill. So let’s learn how autofill works, how to build forms that support cross browser autofill, and take advantage of new features like scanning credit cards. How does autofi…