우선, HTML5에는 자동 완성 속성이 있습니다. 자동 완성 속성은 양식에서 자동 완성을 활성화해야 하는지 여부를 지정하여 브라우저가 필드에 대한 입력을 예측할 수 있게 해줍니다. 사용자가 필드에 입력을 시작하면 브라우저는 이전에 입력한 값을 기반으로 필드를 채울 수 있는 옵션을 표시해야 합니다.
좋다:
<form autocomplete=on> 이름:<input type=text name=fname /><br /> 성: <input type=text name=lname /><br /> 이메일: <input type=email name =email autocomplete=off /><br /> <input type=submit /></form><p>이 양식을 작성하여 제출한 후 페이지를 다시 로드하여 자동 완성 기능이 어떻게 작동하는지 확인하세요. </p><p>양식의 자동 완성 기능은 켜져 있고 이메일 필드는 꺼져 있습니다. </p>
autocomplete=on은 기록되지만, autocomplete=off인 이메일은 다시 입력하면 기록되지 않습니다. HTML5의 양식 자동 완성 기능입니다!
아직 확실하지 않은 경우 w3school 매뉴얼로 이동하여 계속 학습할 수 있습니다.
자동완성을 끄는 방법때로는 입력 상자의 자동 완성 기능을 끄고 싶을 때가 있습니다. 예를 들어, 사용자가 콘텐츠를 입력하면 사용자 기록에서 검색하는 대신 AJAX 기술을 사용하여 데이터베이스에서 검색하고 나열하려고 합니다.
입력 상자의 자동 완성 기능을 끄는 방법에는 세 가지가 있습니다.
1. IE의 인터넷 옵션 메뉴--자동 완성에서 내용을 설정합니다.
2. 자동 완성 기능을 켜거나 끄려면 양식의 자동 완성을 켜짐 또는 꺼짐으로 설정하세요.
(전체 양식 자동 프롬프트 기능을 끕니다)
3. 입력 상자 자동 완성 기능을 켜거나 끄려면 입력 상자 자동 완성 기능을 켜거나 끄세요(비밀번호 필드 자동 완성 끄기).
테스트 코드: (각 양식에 텍스트를 입력하고 제출한 후 다시 돌아와서 자동 완성이 가능한지 확인하세요. 제출하기 전까지는 기록이 완료되지 않습니다. 제출 후 페이지에 오류가 있을 수 있습니다. 하지 마세요. 걱정하지 말고 그냥 돌아가세요.)
자동완성이 활성화된 양식<br>
<form name=form1 autocomplete=on> 자동완성 기능으로 입력란 켜기 <input type=text autocomplete=on ><br> 자동완성 기능으로 입력란 끄기 <input type=text autocomplete=off><br> < 입력 유형 =제출 값=제출><br> </form>
자동완성이 꺼진 양식<br>
<form name=form1 autocomplete=off> 자동완성 기능으로 입력란 켜기 <input type=text autocomplete=on><br> 자동완성 기능으로 입력란 끄기 <input type=text autocomplete=off><br> < 입력 유형 =제출 값=제출><br> </form>
제안: 모든 자동 완성 기능을 끄지 마십시오. 필요에 따라 일부 자동 완성 기능을 비활성화하십시오. 브라우저에 내장된 자동 완성 기능이 충분히 강력하지 않다고 생각되면 jquery 플러그인을 사용할 수 있습니다. 보다 강력한 자동 프롬프트 완성 기능을 달성합니다.
예를 들어 Baidu 검색창의 자동 프롬프트 기능은 매우 강력합니다.
위의 내용은 이 기사의 전체 내용입니다. 모든 분들의 학습에 도움이 되기를 바랍니다. 또한 모든 분들이 VeVb Wulin Network를 지지해 주시길 바랍니다.