Cómo desactivar la función de autocompletar en un formulario en HTML5

En primer lugar, hay un nuevo atributo de autocompletar en HTML5. El atributo de autocompletar especifica si el formulario debe habilitar el autocompletado. El autocompletado permite al navegador predecir la entrada al campo. Cuando el usuario comienza a escribir en un campo, el navegador debe mostrar opciones para completar el campo en función de los valores escritos previamente.

como:

 <formulario autocompletar=on> Nombre:<tipo de entrada=nombre de texto=nombref /><br /> Apellido: <tipo de entrada=nombre de texto=nombre /><br /> Correo electrónico: <tipo de entrada=nombre de correo electrónico =autocompletar correo electrónico=desactivado /><br /> <input type=enviar /></formulario><p>Complete y envíe este formulario, luego vuelva a cargar la página para ver cómo funciona la función de autocompletar. </p><p>Tenga en cuenta que la función de autocompletar del formulario está activada y el campo de correo electrónico está desactivado. </p>

Verá que se registrará autocompletar = activado, pero el correo electrónico con autocompletar = desactivado no se registrará cuando lo ingrese nuevamente. ¡Esta es la función de autocompletar del formulario en HTML5!

Si aún no estás seguro, puedes acudir al manual de w3school para seguir aprendiendo.

A veces queremos desactivar la función de autocompletar del cuadro de entrada. Por ejemplo, cuando el usuario ingresa contenido, queremos usar la tecnología AJAX para buscar y enumerar en la base de datos en lugar de buscar en el historial del usuario.

Hay tres formas de desactivar la función de autocompletar del cuadro de entrada:

1. Configure el contenido en el menú de opciones de Internet de IE--Autocompletar.

2. Active o desactive la función de autocompletar del formulario para activar o desactivar la función de autocompletar.

(Desactive la función de solicitud automática del formulario completo)

3. Active o desactive la función de autocompletar del cuadro de entrada para activar o desactivar la función de autocompletar del cuadro de entrada (desactive la función de autocompletar del campo de contraseña)

Código de prueba: (Ingrese el texto en cada formulario y envíelo, y luego regrese para ver si se puede completar automáticamente. Tenga en cuenta que el registro del historial debe estar disponible después del envío, para que se pueda completar automáticamente. Puede haber un error en la página después del envío No se preocupe, simplemente regrese.

Formulario con autocompletar habilitado<br>

 <nombre del formulario=form1 autocompletar=on> Active el cuadro de entrada con función de autocompletar <input type=text autocomplete=on ><br> Desactive el cuadro de entrada con función de autocompletar <input type=text autocomplete=off><br> < tipo de entrada =valor de envío=enviar><br> </formulario>

Formulario con autocompletar desactivado<br>

 <nombre del formulario=form1 autocompletar=off> Active el cuadro de entrada con función de autocompletar <input type=text autocomplete=on><br> Desactive el cuadro de entrada con función de autocompletar <input type=text autocomplete=off><br> < tipo de entrada =valor de envío=Enviar><br> </formulario>

Sugerencia: no desactive todas las funciones de autocompletar. Simplemente desactive algunas de las funciones de autocompletar según sea necesario. Si cree que la función de autocompletar incorporada en el navegador no es lo suficientemente potente, puede utilizar el complemento jquery. para lograr una función de finalización automática más potente.

Por ejemplo, la función de aviso automático del cuadro de búsqueda de Baidu es muy poderosa.

Lo anterior es el contenido completo de este artículo. Espero que sea útil para el estudio de todos. También espero que todos apoyen VeVb Wulin Network.