폼태그1_개념_종류 ~ 폼태그4_개념_문자열로태그생성

D04_dom_폼태그

---

폼태그1_개념_종류

---

• 폼태그1_개념01_form과submit.html
• 제일 중요한것 form과 submit 
• form안에 있는 것들이 예외처리 되는지가 제일 중요하다. 

폼태그1_개념01_form과submit.html

---

• 폼태그1_개념02_input_text.html

폼태그1_개념02_input_text.html

---

• 폼태그1_개념03_input_radio.html
• radio는 name을 하지 않으면 동작을 하지 않는다. 

폼태그1_개념03_input_radio.html

---

• 폼태그1_개념04_select.html

폼태그1_개념04_select.html

---

• 폼태그2_개념_선택자

---

• 폼태그2_개념01_submit함수호출.html
• event가 자동으로 들어온다. 
• event.preventDefault(); 이벤트를 멈추는것 
• prevent 미리  Default 기본으로 하다 

 

• 새로고침을 없애는것 
• 버튼을 누르면 새로고침이 되는데
• 버튼을 누를때 새로고침을 막는것이다. 
• 왜? 새로고침을 막냐.
  • 막고 예외처리를 다 하고. 안전하면 그때 보낸다. 

 

• form에서 누르면 이동을 한다. 즉 회원가입을 제출을 하면 페이지 이동을 한다. 
• 그러니까 이동하기 전에 처리를 해야 한다. 

 

• 새로고침을 막는다. 왜? 예외처리 확인하고 전달하기 위해서 

폼태그2_개념01_submit함수호출.html

---

• 새로고침을 막는다는게 무슨뜻인가. 
• 제출을 누르면. 사용자가 입력한 값이 사라진다.
• event.preventDefault();  이게 없으면 사용자가 입력한 값이 사라진다.  
  • 왜? 페이지가 넘어가서 
  • 자기 페이지로 온것 
  • f5누르면 내용이 사라짐 
  • 이것을 막겠다는 의미 
• 막아야지 잘못된 정보를 막을 수 있다. 

---

• 폼태그2_개념02_input선택자.html

폼태그2_개념02_input선택자.html

---

• 폼태그2_개념03_input선택자값변경.html
• 값을 바꿔본것 

폼태그2_개념03_input선택자값변경.html

---

• 폼태그2_개념04_로그인_예외처리.html
• 막고 아이디 확인하고 그다음에 보냄

폼태그2_개념04_로그인_예외처리.html

---

• 폼태그2_개념05_라디오_예외처리.html

폼태그2_개념05_라디오_예외처리.html

---

• 폼태그2_개념06_셀렉트_예외처리.html

폼태그2_개념06_셀렉트_예외처리.html

---

폼태그3_개념_테이블

---

• 폼태그3_개념01_로그인_가운데정렬.html

폼태그3_개념01_로그인_가운데정렬.html

---

• 폼태그3_개념02_로그인_테이블.html

폼태그3_개념02_로그인_테이블.html

---

폼태그3_개념03_수강폼_select.html

---

폼태그4_개념_문자열로태그생성

---

• _01_문자열로테이블생성1.html

_01_문자열로테이블생성1.html

---

• _02_문자열로스타일생성1.html

_02_문자열로스타일생성1.html

---

• _03_문자열로테이블생성2.html

_03_문자열로테이블생성2.html

---

• _04_문자열로스타일생성2.html

_04_문자열로스타일생성2.html

---

• _05_백틱_기본.html
• 진짜 중요하다. 

_05_백틱_기본.html

---

• _06_백틱_로그인.html
• 백틱을 써서 그나마 형태를 유지하는거다. 

_06_백틱_로그인.html

---

• _07_백틱_회원가입.html

_07_백틱_회원가입.html

---