css 로그인 예제

약간의 자바 스크립트와 HTML 및 CSS 모달 로그인 양식. 이 컬렉션은 모든 웹 프로젝트에 사용할 수 있는 오픈 소스 로그인 페이지 10개입니다. 양식 응답에 대한 이 경고 위젯, 로그인/등록 버튼이 있는 양식 로그인 패널 및 기타 다양한 요소입니다. PSD뿐만 아니라, 우리는 당신에게 시간을 절약 하기 위해 완전히 코딩 된 CSS 및 HTML 버전을 제공 하 고! 빠른 로그인 페이지를 디자인하는 것은 별로 좋지 않을 수 있습니다. 그것은 단지 양식과 결국 제출 버튼입니다. 텀블러의 로그인 / 가입 페이지의 약간의 재 설계. CSS 토글이 작동하는지 보려면 `등록` 링크를 눌러야 합니다. 우리의 포장지 세트입니다. 그 안에 있는 요소들을 스타일링해 봅시다! 그래서 우리는 레이블과 입력이 있습니다. 아이콘은이 예제의 레이블 안에: 우리는 멋진 로그인 양식에 대 한 인터넷을 검색 했 어 하지만 그것은 매우 어려운 좋은 찾고 것 들을 찾기 때문에 우리는 그들에 우리의 걸릴 하기로 결정. Colorlib 팀이 디자인한 20개의 로그인 양식과 개발자를 소개합니다. 좋아, 그래서이 첫 번째 예제는 매우 최소한의, 우리가 어떤 레이블을 사용 하지 않습니다 의미.

그러나, 우리는 물론 그들이 그 분야에서 작성해야 하는 것을 사용자에게 알려야하므로… 아이콘. 이들은 작은 태그입니다. 참고 : 평소와 같이 FontAwesome과 같은 아이콘 글꼴을 사용하는 방법을 다루지 않습니다. 자세한 내용을 보려면 해당 웹 사이트에서 예제를 확인할 수 있습니다. 기본적으로 입력과 아이콘을 래핑하는 두 개의 컨테이너가 있습니다. 제출 단추는 자체 컨테이너에 있으며 내부에 아이콘이 있는 대신