본문 바로가기

Language/HTML5

div 정리 div박스자체 가로정렬,세로정렬 .container{ display: flex; } .box1,.box2,.box3,.box4,.box5,.box6,.box7,.box8,.box9,.box10{ flex: auto; } .box2{ flex-direction: column; } div 여백주는법 margin (div와 바깥공간의 여백), padding(div안의 요소와 div박스자체의 여백) position정리 - position : static 초기값으로 위치를 지정하지 않을 때와 같다. top, bottom, left, right 속성값이 적용되지 않는다. - position : relative 위치 계산을 할 때 static의 원래 위치부터 계산 top, bottom, left, right의 위치를.. 2023. 5. 17.
form태그 내 onsubmit 이벤트 ============================================================= onsubmit : form 태그 안에서 form전송을 하기 전에 입력된 데이터의 유효성을 체크하기 위해 사용하는 이벤트. onsubmit='return false' 이면 do nothing in submit. ----------------------------------- button 속성값 브라우저별 기본 button 요소의 기능이 상이할 수 있으니 되도록 이를 명시하도록 하자. type="submit" : 폼의 전송 기능을 담당한다. type="reset" : 폼 작성 내용을 초기화하는데 사용한다. type="button" : 흔히 자바스크립트를 이용한 기능 구현에 많이 사용한다. butt.. 2023. 4. 26.
상대경로 절대경로 헷갈려.. admin bbs폴더에위치하고있는데 WebContent - admin - bbs 와 member존재시 상대경로 member안의 list.jsp에서 상대경로로 bbs파일을 불러오고싶을시 admin으로 위치해야하니 ../로 admin에 간 후 ../bbs/img/~~~ 하면됨. ./ 현재 위치 (파일의 현재 디렉토리를 의미) ../ 현재 위치의 상단 폴더 (상위 디렉토리로 이동) - 만약 두단계 상위 디렉토리로 이동하려면 '../../' 이렇게 사용하면 된다. 절대경로 member안으 list.jsp에서도 절대경로로하면 webcontent기준으로 /admin//bbs/img/btn_right.gif 와 같이 작성하면된다. 2023. 1. 31.
onsubmit action 'form 데이터를 처리할 프로그램의 URI를 지정한다.' URI(Uniform Resource Identifier)는 하나의 리소스를 가리키는 문자열입니다. URL(Uniform Resource Locator)도 URI의 일종이라고 할 수 있는데요, 따라서 action에 웹 문서 링크를 문자열 형태로 작성한 다음 form의 데이터를 전송하게 되면, 브라우저의 루트(route)가 해당 웹문서로 이동하는 것을 확인할 수 있습니다. 또는 action에 서버사이드 언어인 php라던지 jsp로 작성한 문서를 지정하여 데이터를 처리하도록 하는 것도 가능합니다. onsubmit onsubmit은 다음과 같은 역할을 합니다. '양식 제출 이벤트가 발생할 때의 동작을 지정한다.' onsubmit은 태그 내.. 2023. 1. 30.

티스토리툴바