새로(ish) HTML5
autocomplete속성으로 도입 비공식 HTML 기능은 Microsoft Internet Explorer,그리고 채택되었의 숫자에 의해 다른 브라우저입니다. 그래서 정확한 행동이 표준화되지는 않았지만 오랫동안 그것에 대한 폭 넓은 지원이있었습니다. HTML5 를 사용하면autocomplete속성은 사양의 공식적인 부분입니다.,
자동완성 대 list&<연결>
autocomplete속성을 묻는 브라우저를 시도를 자동 완성 기반으로,사용자 역사입니다. 이 유용한 개인정보처럼 이름과 이메일 주소 일—사용자 가능성이 있는 형식으로 비슷한 입력 필드에서 다른 웹 사이트입니다. autocomplete기능은 브라우저에 사이트 별 자동 완성 옵션 목록을 제공 할 수 없습니다., 자동 완성 동작으로 특정 사이트의 제안을 사용하는list속성<datalist>요소입니다.
의도적으로”broken”
모든 주요 브라우저를 무시하는autocomplete="off"값에 특정 유형의 입력 필드가 있습니다. Internet Explorer 및 Edge 는 모든password필드에 대해 무시합니다. Firefox 는 로그인 양식의 모든 필드에 대해 무시합니다. 크롬은 사용자가 브라우저가 양식 데이터를 기억하도록 선출 한 모든 시간을 무시합니다. Safari 는 사용자 이름,이메일 및 비밀번호 필드에 대해 무시합니다., 을 무시하는autocomplete="off"값은 유용성을 향상시키기 위해,그리고 gve 사용자를 제어 자동완성 동작입니다. UX 디자이너로서,당신은 그들의 리드를 따르고autocomplete="off"를 드물게 사용해야합니다. 실제로autocomplete를 허용하지 않는 것이 합리적 인 정상적인 형태의 사용 사례는 거의 없습니다. 일부 복잡한 앱에서는 우발적 인 입력을 피하는 것이 합리적이지만 대부분의 표준 양식에서는 실제로 이유가 없습니다.,
자동완성과 이름
브라우저를 사용하여name특성을 파악하기 위해 어떤 유형의 정보를 입력 필드를 묻습니다. 따라서name에 대해 표준적이고 의미있는 값을 사용하십시오., 를 요청할 경우 주소를 사용하여 같은 이름:
address-1address-2citystate또는provincezip또는postal-code
를 사용하지 않는 영리 또는 괴상하게 특정 이름을 어렵게 브라우저를 제공하는 자동 완성이 제안되고,그것을 이어질 수 있도록 브라우저를 채우기 위해 노력하고 잘못된 값으로 잘못 입력이 있습니다., (브라우저가 우편 번호 필드에 전화 번호를 기입 한 적이 있습니까? 그것은 나쁜 명명의 잘못이었습니다.)
의 값을 자동 완성 속성
| 값 이름 | 메모 |
|---|---|
| off | 집 자동완성 off.자동 완성을 켜면 자동 완성이 켜집니다., |
의 모든 속성을 입력 요소
| 속성 이름 | 값 | 메모 |
|---|---|---|
| 단계 | 간의 간격을 지정하고 유효한 값에서 번호를 입력 방식입니다. | |
| 필수 | 입력 필드가 필수임을 지정합니다. | 자리 표시 자 | 텍스트 기반 입력에 자리 표시 자 텍스트를 지정합니다., |
| 패턴 | 지정 일반현에 대해 어떤 확인하는 값을 입력합니다. | |
| 는 여러 | 사용자가 여러 값을 입력으로 파일을 업로드하거나 이메일을 입력합니다. | |
| min | 최소값을 지정합에 대한 숫자 및 날짜를 입력 필드가 있습니다. | |
| 최 | 최대값을 지정합에 대한 숫자 및 날짜를 입력 필드가 있습니다., | |
| list | id 를 지정의<연결>요소의 목록을 제공합니다 자동완성에 대한 제안합니다. | |
| 고도 | 지정하는 고도의 이미지 입니다. | |
| formtarget | 지정합 검색 컨텍스트에서는 열어 서버의 응답에 후 양식을 제출. “제출”또는”이미지”의 입력 유형에만 사용하십시오., | formmethod | 는 양식 데이터를 서버에 제출할 때 사용할 HTTP 메소드(GET 또는 POST)를 지정합니다. “제출”또는”이미지”의 입력 유형에만 사용하십시오. |
| formenctype | 지정하는 방법 형태 데이터를 제출해야 합니다. 입력 유형”제출”및”이미지”에만 사용하십시오. | |
| formaction | 양식 제출에 대한 URL 을 지정합니다. Type=”submit”및 type=”image”에만 사용할 수 있습니다. | |
| 양식 | 지정하는 형태로 입력 필드에 속한다., | |
| af | 지정하는 입력 필드에 입력해야에 초점을 즉시니다. | accesskey | 요소에 대한 키보드 단축키를 정의합니다. |
| 자동완성 | off 을 |
는지 여부를 지정 브라우저를 시도해야 하는 자동적으로 완료하는 입력 사용자 입력을 기반으로 비슷한 필드가 있습니다.입력에서 테두리를 지정하는 데 사용되었습니다. 더 이상 사용되지 않습니다. 대신 CSS 를 사용하십시오., |
| 체크 | 지정하는지 여부를 체크박스 또는 라디오 버튼 입력 양식은 기본적으로 선택되어 있어야 합. | |
| 장애인용 | 사용하지 않습니다. | |
| maxlength | 의 최대 수를 지정할 수 있는 문자 입력한 텍스트 입력 입력합니다. | |
| 언어 | 이를 나타내는 데 사용되는 스크립트 언어 사용에 대한 사건에 의해 트리거 입력이 있습니다. | |
| name | 는 입력 요소의 이름을 지정합니다., 각 입력 요소의 이름과 값은 양식을 제출할 때 HTTP 요청에 포함됩니다. | |
| 크기 | 문자의 입력 폭을 지정합니다. | |
| src | 이미지 입력의 소스 URL 을 정의합니다. | |
| 유형 | button checkbox file hidden image password radio reset submit text |
는 입력 유형을 정의합니다. |
| value | 정의는 초기값 또는 기본 선택한 입력 필드입니다., |
답글 남기기