**html태그들 간략
br태그
줄바꿈하는 태그 한 줄 뒤에 /b> 하면 간단히 쓸 수 있따
pre>태그
pre> 요소는 미리 서식을 지정한 텍스트를 나타내며, html에 작성한 내용 그대로 표현한다. 텍스트는 보통 고정폭 글꼴을 사용해 렌더링하고, 요소 내 공백문자를 그대로 유지한다.(띄어쓰기 한대로 줄바꿈 한대로 나타남)
form> 태그
form요소는 정보를 제출하기 위한 대화형 컨트롤을 포함하는 문서 구획을 나타낸다,( 즉 전체 형태, 틀 ) form태그 내에는 action과 onsubmit이 있는데
-
form 태그 안의 action
action속성은 폼 데이터(form data)를 서버로 보낼 때 해당 데이터가 도착할 url을 가리킨다. -
form 태그 안의 onsubmit
form태그 안에서 form전송을 하기 전에 입력된 데이트의 유효성을 체크하기 위해 사용하는 이벤트이다.12345678910111213141516<script>function checkIt(){if (!document.myForm.pass.value){ // 자바스크립트 : 빈문자열 -> false 반환alert("비밀번호를 입력하지 않았습니다.");document.myForm.focus();return false;}}</script><form action="b.jsp" onsubmit="return checkIt()"><table><tr><td><input type="password" name="pass"></tr></table><input type="submit" value="회원탈퇴"></form>cs -
onsubmit :form태그 안에서 form전송을 하기 전에 입력된 데이터의 유효성을 체크하기 위해 사용하는 이벤트이고ㅗ
input type = submit 클릭시 sumit이 진행하는데,
onsubmit = "return false"있으면 진행하지 않는다
input태그
- input태그의 name속성은 input요소의 이름을 명시한다.
- input태그의 value속성은 input요소의 초깃값(value)를 말한다.
(type이 file인 경우 value속성은 사용 못한다고한다) - input태그의 required속성은 폼 데이터(form data)가 서버로 제출되기 전 반드시 채워져 있어야 하는 입력 필드를 명시한다(한마디로 빈 칸이 채워져있지 않으면 채우라는 메세지 창이 뜬다)-->boolean값
- 여러개의 type속성값이 있는데
checkbox, date, email, file, number, password, pickers, radio, search, tel, text, url 등이 있다.
select태그
- select요소는 옵션 매뉴를 제공하는 컨트롤을 나타낸다.
ex) 태그 내에 option value값을 넣어서 선택 박스의 목록을 만든다.
submit
- 입력받은 데이터를 서버로 전송하기 -- 버튼을 구현(value = '버튼')
HTML하면서 알게 골머리 앓았던 것
input태그에서 check 박스와 radio박스의 차이점을 알아야했다
- checkbox는 어느것이든 체크 선택가능(중복가능)
- radio는 둘 중 하나만 선택이 가능하게 해야하므로 name값이 정확히 같아야한다. value는 달라도 된다.
"열정"