I'm looking for an intuitive UI interaction that allows both:
entering contact information as the following fields:
- First Name
- Last Name
- E-Mail Address
- Phone Number
pasting multiple or all of those fields at once, then filling any remaining manually.
Maybe it's just a button that pops up a text box to paste into, but I'm looking for a better experience than that. Ideally something that visually represents the fact that we are pasting into the existing four fields on the page.
We also plan to parse the pasted information, changing from ALL CAPS to Proper Case, formatting the phone number, etc. It's expected that the paste buffer might have any sort of whitespace-delimited contact information that we'll automatically parse using thoughtful code. Examples include:
"Firstname Lastname" "Lastname, Firstname<new line>email@example.com<new line>(800)555-1212" "firstname.lastname@example.org 800-555-1212"
Has anyone seen something like this?
The client framework is Angular 2 in the browser, but this interaction is fairly important to us, so we're willing to build it from scratch to run in our environment.