본문 바로가기
728x90
반응형

button2

17 선택자 class와 id 클래스와 아이디 .hahaha : 클래스 class : 그룹핑 #hoho : 아이디 id : 1개 식별자 hehe : 태그 tag : 해당 구문 묶음 *줄바꿈 x : 해당 구문 포함한 전체를 묶음 *줄바꿈 o : 내용을 서버에 제출 서브밋과 버튼 : 버튼과 동일하게 사용, '폼'을 서버에 자동 제출함 (enter키 적용) : 버튼을 생성하는 하나의 방법인데, 이도 마찬가지로 서버에 제출이 되는 형식임 : 버튼 태그 사용으로 다양한 태그 기능 추가 가능, 서버에 제출되지 않는 형식임, form 안에 있다면 제출됨! 미션1. submit form으로 인해 화면이 리프레쉬되지 않도록 하기 1. 더이상 이벤트 리스너의 click 이벤트는 필요치 않다. submit 이벤트로 바꿔주자 - submit 이벤트가 발생.. 2023. 6. 1.
15 Log in 로그인 화면 만들기 로그인 화면을 만들어보자. html에서 필요한 것 1. id 입력할 text field 1개 2. 입력을 확인할 button 1개 3. 이들을 묶어놓은 group의 id 이름 1. id 입력할 text field 내부에 다음과 같이 작성한다. Log-in div를 묶어서 하나의 id로 지정한다. 아이디 이름은 login-form이다. input 이라는 입력필드를 만드는데 text 값으로 입력할 것이며, placeholder는 힌트로서 미리 보여줄 문장을 what is your name이라 적었다. 그리고 button 하나 만들고 레이블을 Log-in 이라고 적었다. html 화면에 이렇게 나올 것이다. 이제 js에서 불러와서 사용할 준비가 되었다. 버튼이 잘 눌러지는지, 입력한 텍스트가 잘 출력되는지 확.. 2023. 6. 1.