핸드폰용 HTML password폼 padding 적용이 안됩니다
하랑
2026.05.29
input type=password style=padding-left:20px; -webkit-padding-start: 20px;/패스워드 입력폼을 휴대폰의 브라우저를 통해서 보려고 하는데요입력폼에 focus가 갔을때 좌측의 패딩이 적용되지 않습니다.
몇몇 포털사이트를 가서 패스워드 입력폼을 보았는데 들여쓰기를 해놓은 폼이 없더군요타겟단말이 갤스, 갤탭이라서 이것들에서만이라도 패딩이 적용되면 좋겠는데 그렇질 못하네요넥원, 넥S에서 볼때는 좌측패딩이 제대로 들어가긴 합니다적용해봤던 스타일은padding-left:20px;-webkit-padding-start: 20px;text-indent: 20px;입니다.
휴대폰의 password 입력폼이 원래부터 단말에 따라 focus시 배경이미지도 못입히고 스타일도 제대로 먹지 않는것 같네요대안방안이나 유사사례같은것이 있을까요??
input type=text /타입으로 쓰고 입력내용을 ●●●● 이렇게 표시할까 생각해보고 있는데 뭔가 보안상의 문제가 있진 않을지 걱정이 되서 적용하진 않았어요
-
맑다 2026-05-29
해당 input에 opacity:0을 주시고 span을 덮어서 거기다가 text() 속성으로 input의 value 값을 넣어주는 식으로 스크립트를 넣으면 모든 디자인 적용 가능합니다.
password의 경우 value의 text 숫자를 가져와 *의 개수를 조절해도 되겠네요.
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2752024 | 소숫점 뺄셈 !! ㅠㅜ | 초롬 | 2026-10-20 |
| 2751970 | 자바 게임 만들려는데 부탁드립니다 (1) | 라온제나 | 2026-10-19 |
| 2751908 | 자바스크립트 처리속도를 체크할 수 있는 방법 있나요? (1) | 테이 | 2026-10-19 |
| 2751822 | 그누보드 아이프레임으로 구현했는데 제목 클릭해서 들어가면 푸터가 동동...떠다녀요 | 내꺼하자 | 2026-10-18 |
| 2751790 | 자바 그래픽 관련을 공부하고 싶은데요.. 어디 좋은 사이트나 책 없을까요?? (1) | 큰재 | 2026-10-18 |
| 2751733 | CTF가머죠? (5) | 두동 | 2026-10-17 |
| 2751709 | 배열부분 궁금한 부분이있습니다. | 딸기우유 | 2026-10-17 |
| 2751677 | 포인터 책을 보다가,,, (2) | 동백 | 2026-10-17 |
| 2751648 | 익스플로 버전에 따라서 생기는 공백.. (1) | 모아 | 2026-10-17 |
| 2751623 | DEL 태그의에서 선굵기 및 컬러지정이 가능한가 해서요~ (4) | 비치나 | 2026-10-16 |
| 2751573 | 테마 업로드 에러.. (1) | 꽃 | 2026-10-16 |
| 2751548 | 수학? 물리?? (3) | 찬늘 | 2026-10-16 |
| 2751461 | 상단네비 fixed ie6 핵 해결방안이 있을까요? | 맑다 | 2026-10-15 |
| 2751436 | 레이아웃을 잡고 코딩을 하는데 드림위버에서의 결과와 IE에서 결과가 다르게 나오네요. (3) | 키클 | 2026-10-15 |
| 2751403 | 형들좀도와주세요string compression (1) | 알렉산더 | 2026-10-14 |
| 2751349 | 링크 다운로드하기 | 팬지 | 2026-10-14 |
| 2751295 | c++한번도 손않댄 사람이... | 날위해 | 2026-10-13 |
| 2751267 | 플래시8 사용에서 플레이어 만들었는데요 (1) | 블1랙캣 | 2026-10-13 |
| 2751182 | 회원가입 | 파랑새 | 2026-10-12 |
| 2751152 | 소셜 플러그인 문제입니다. | 얀 | 2026-10-12 |