Блог

Я создал форму и хотел бы иметь автозаполнение. таким образом, пользователи могут выбирать электронные письма, предлагаемые браузером. Раньше я добавлял autocomplete='on' во входные данные или формы в Html, и это работало. но то же самое не работает в React. Я использую tailwindcss, не уверен, связано ли это с этим. есть какие-нибудь предложения?

 <form
  autoComplete='on'
>
  <input
    type='email'
    autoComplete='on'
    value={claimerEmail}
    onChange={(e) => setClaimerEmail(e.target.value)}
    className='block w-full mt-1 border-gray-300 rounded-md shadow-sm focus:ring-gray-500 focus:border-gray-500 dark:focus:ring-gray-700 dark:focus:border-gray-700 sm:text-sm dark:text-gray-200 dark:border-gray-800 dark:bg-brand-secondary'
  />
</form>
 

Мне удалось исправить это, добавив имя attr примерно так.

 <form>
  <input
    type='email'
    name='email'
    value={claimerEmail}
    onChange={(e) => setClaimerEmail(e.target.value)}
    className='block w-full mt-1 border-gray-300 rounded-md shadow-sm focus:ring-gray-500 focus:border-gray-500 dark:focus:ring-gray-700 dark:focus:border-gray-700 sm:text-sm dark:text-gray-200 dark:border-gray-800 dark:bg-brand-secondary'
  />
</form>