본문 바로가기

HTML12

[HTML] 자동으로 생성되는 autocomplete 해제하기 [HTML] 자동으로 생성되는 autocomplete 해제하기웹 사이트에서 양식 필드의 자동 완성을 사용 중지하는 방법에 대해 설명합니다. 기본적으로 브라우저는 사용자가 웹 사이트의 필드를 통해 제출하는 정보를 기억합니다. 이를 통해 브라우저는 자동 완성 기능을 제공 할 수 있습니다 (즉, 사용자가 입력하기 시작한 필드에 대해 가능한 완료를 제안하거나 자동 채우기 (즉,로드시 특정 필드를 미리 채 웁니다). 이러한 기능은 대개 기본적으로 사용 가능하지만 사용자가 개인 정보를 염려 할 수 있으므로 브라우저에서 사용자가 사용을 중지 할 수 있습니다. 그러나 양식에 제출 된 일부 데이터는 앞으로는 유용하지 않으며 (예 : 일회성 핀) 민감한 정보 (예 : 고유 한 정부 ID 또는 신용 카드 보안 코드)가 포함.. 2019. 1. 27.
[META] 모바일 자동 전화걸기 방지 모바일에서 자동으로 전화걸기 방지모바일기기에서는 자동으로 전화를 걸거나 메일을 보내는 등 그 형식에 대해서 자동으로 form-detection이라는 것이 설정됩니다. 이것을 해지하기 위한 2가지 방법이 대표적인데요 1. format-detection meta 태그를 설정합니다.전화 번호의 모든 자동 서식을 제거하려면 html 문서의 머리에 다음을 추가하십시오. 1cs 이 번호가 있는 페이지에 전화번호가 있으면 직접 링크 형식을 지정합니다. 11-555-555-5555cs 하지만 메타태그를 지정할 수 없는 경우도 있습니다. 이럴 때는 CSS를 이용합니다. 2. 메타 태그를 설정할 수 없습니까? CSS를 사용하고 싶습니까?css를 사용하여 타겟팅하고 재설정해야하는 특정 속성을 조정할 수 있습니다. 12345.. 2018. 5. 28.
[META] IOS11의 viewport-fit=cover 속성 오늘은 IOS11로 생긴 viewport-fit=cover 속성에 대해서 알아보려고 합니다.2017년 8월에 업데이트 되고 나서 생긴 속성입니다.IOS X의 Safari가 자동으로 패딩을 적용하기 때문에 생긴 속성인데요. 위와 같이 아이폰 X에서 Portrait 모드에서는 정상적으로 출력되나 아래와 같이 Landscape로 바꾸면 웹의 화면이 상단바를 자동으로 패딩으로 밀어냅니다. 웹 개발자의 관점에서 볼 때, viewport-fit이라는 요소를 추가하여 자동 적용된 패딩을 제외하고 전체화면으로 사용할 수 있습니다. 1cs 이런식으로 viewport-fit 속성을 cover로 설정해주시면 꽉찬 화면으로 보실 수 있습니다.더불어 minimal-ui는 iOS7에서 소개 된 주요 변경 사항으로 진정한 전체 화.. 2018. 5. 17.
[Meta] user-sacale=no && shrink-to-fit? user-sacale=no && shrink-to-fit?오늘은 Shirink-to-fit 속성에 대해서 알아보려고 합니다.보통 Meta Tag 중 viewport 속성은 다양하게 있습니다.과거에 필자가 주로 사용하던 user-scalable=no 또한 어느새 사라져있어 깜짝 놀랐습니다.심지어 https://validator.w3.org/ 해당 웹표준 validator에서 검색하면 어느새인가 오류로 표시되고 있었습니다. 왜 사라졌는가?필자도 시력이 그렇게 좋지 않아 그 당시에 iphone4 를 사용하고 있었는데 320px 배율의 작은 크기의 디바이스에서열심히 작은 텍스트를 읽기 힘들어 휴대폰을 확대하려 시도한 적이 있습니다.그렇게 생각하니 시각장애인들은 또 얼마나 힘들까? 하는 생각이 들었습니다.여러분이.. 2018. 4. 17.