Autocomplete attribute using ReactJS

Question

I'm trying to use autoComplete attribute for credit card details on 's (not wrapped in any form) but it is not working.

Any guesses? Is https required for autocomplete to work?

I've tried the following using Safari and Chrome:

<input type='text' placeholder='xxxx xxxx xxxx xxxx' value={this.state.card} autoComplete='on' />

<input type='text' placeholder='xxxx xxxx xxxx xxxx' value={this.state.card} autoComplete='cc-number' />

Nikolay Mihaylov · Accepted Answer · 2016-08-01 12:03:38Z

1

Try using it like this:

<input autoComplete={'off'}>

edited Aug 1, 2016 at 12:03

Nikolay Mihaylov

3,9028 gold badges29 silver badges33 bronze badges

answered Aug 1, 2016 at 11:18

Matei Misarca

113 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Thomas Wood · Accepted Answer · 2016-11-27 22:56:24Z

1

I found that I had to wrap all of my inputs in a <form> element. Empty was fine.

answered Nov 27, 2016 at 22:56

Thomas Wood

8198 silver badges12 bronze badges

1 Comment

David Lasry Over a year ago

You are an angel! I've searched all over the internet for a solution. Have a great life!

Alex Cristerna · Accepted Answer · 2016-08-02 15:22:40Z

0

Thanks for the answer. That didn't work for me. I just figured out: Using name and id props with cc_number value and of course, not running the project on localhost, works.

<input type='text' name='cc_number' id='cc_number' ... />

For the expiration month and year I used exp_month and exp_year.

answered Aug 2, 2016 at 15:22

Alex Cristerna

411 silver badge7 bronze badges

Collectives™ on Stack Overflow

Autocomplete attribute using ReactJS

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related