Simple Is Best

이번 포스팅에서는 user가 폼을 통해서 [로그인] 창에서 이메일(아이디) 과 패스워드를 제출하려고 할 때 공백으로 제출하는 것을 막아보는 기능을 구현해보도록 하겠습니다. [오늘의 Target] 위의 첨부파일은 아이디와 패스워드를 입력하지 않고 user가 Submit 버튼을 눌렀을 때 1. 제출이 막히고 2. '~를 입력해주세요' 를 띄우는 동작을 나타낸 것입니다. 오늘은 이 두 가지를 어떻게 구현하는지 알아보도록 하겠습니다. 폼 UI 구현 부트스트랩을 이용하였습니다. ▷ 사용자가 입력하지 않았을 때 나올 [경고 alert]는 태그로 입력창 바로 아래에 작성하였습니다. ☆☆☆☆☆ [경고 alert]는 처음 화면에서 보이면 안되므로 CSS 상에서 display : none; 으로 처리하여야 합니다. (그래..

오늘의 포스팅은 User의 Input을 받아들이는 태그에 대해 진행하겠습니다. ● : form 태그는 제출용을 위해서 사용하며 action 속성을 갖는다. 제출하면 해당 주소에 정보를 전달해 처리한다. (JS때 자세히!) ● : 속성이 굉장히 다양합니다. 또한 input 태그는 닫는 태그가 존재하지 않습니다. input의 속성 1. type : 역할은 생각하시는 그대로 입니다. 2. placeholder : 아래의 사진과 같이 사용자가 입력할 요소에 대한 힌트를 주는 음영처리된 글자입니다. 3. value : 실제로 들어가 있는 값을 지정 할 수 있습니다. 4. name : 기능개발을 위해서 input의 이름을 지정할 수 있습니다. 참고 [CSS Selector] input의 type들을 선택하여 동일한..

보호되어 있는 글입니다.