HTML 46

Form(입력양식) 태그

1.Form(입력양식) 태그란.. 입력양식(form)은 홈페이지에서 사용자에게 정보를 받을때 사용됩니다. 회원가입을 하거나 혹은 쇼핑몰에서 주문을 하는 경우 사용자의 정보를 입력받을 필요가 있습니다. 이때 입력양식(form) 페이지를 제공하여 정보를 입력하게한 다음 이를 처리하는 페이지를 만들어서 DB에 저장을 합니다. 회원가입 입력폼을 member.html 이라고 한다면 member_confirm.php 와같은 페이지를 만들어서 회원가입 처리를 합니다. 이때 member.html 페이지는 태그를 이용하여 간단하게 만들수 있지만 member_confirm.php 페이지는 입력받은 정보를 DB에 저장하는 역할을 하기 때문에 프로그래밍 처리를 해야 합니다. 그래서 HTML 만으로는 입력양식만을 만들 수 있을..

Web 2018.01.02

레이어 절대좌표/ 상대좌표

레이어는 화면에 출력할때 절대 좌표방식과 상대좌표방식으로 출력할수 있다. 절대좌표는 무조건 좌측상단을 0,0 기준으로 하여 좌표를 지정하여 출력하는것이며 상대좌표는 특정 위치를 0,0 기준으로 하여 좌표를 지정하여 출력하는것입니다. 절대좌표는 해상도가 정해져있는 컴에서 볼때 기준이 정해져있어 편할지 모르지만 해상도가 달라지만 레이어의 위치가 올바르게 나타나지 않습니다. 그리고 절대좌표는 스크롤이 생기는 부분에서 출력을 하게되면 좌측상단이 스크롤이 생긴 위치를 기준으로 하기때문에 원하는 좌표를 얻기 힘듭니다. 해상도가 달라져도 항상 그자리에 있개 하려면 상대좌표방식을 사용해야 합니다. 상대좌표 방식은 해상도가 달라지면서 기준도 달라지게 되므로 원하는 위치에 나타낼수가 있습니다. 상대좌표 지정하는법 1. ,..

Web 2017.12.20

iframe 배경 투명하게 만들기&불투명도 조절tip

아이프레임을 사용하실때 배경이 불투명하여(흰색) 꾸미기가 난감하셨죠? 아래 방법을 이용하시면 아이프레임이 투명해져서 감쪽같아집니다! 1. 아이프레임으로 불러올 문서의 스타일을 아래와 같이 지정해줍니다. 2. iframe을 불러들일때 아래 속성을 첨부해줍니다. [불투명도 조절 tip] 1. iframe 소스에 아래 문구를 추가해 줍니다. style="filter: Alpha(Opacity=35);" 2. Opacity=35 의 숫자는 불투명도 조절이므로 알아서 적당한 숫자를 넣어주세요. 참고사이트 http://flashcafe.org/?mid=html_study&page=6&listStyle=webzine&document_srl=6765 http://blog.daum.net/_blog/BlogView.do..

Web 2017.12.11

onClick 이벤트 사용시 아이폰 문제

iPhone에서 onClick 이벤트가 동작하지 않는 경우가 종종 있습니다. 이는 html 엘리먼트에 cursor 속성이 없기때문이다. 아이폰에서는 click 이벤트가 동작하지 않습니다. 혹자는 touchstart 이벤트를 걸어서 사용하면 된다고 하는데 touchstart는 말 그대로 터치를 시작하는 순간에 발생하는 이벤트라 스크롤이 필요한 곳에서 사용하는 경우 오동작을 초래 합니다. 아래와 같이 anchor 속성이 아닌 태그에 click이벤트를 거는 경우 반드시 아래와 같이 cursor 속성을 강제로 지정해주어야 합니다. 기존 : 변경 : 참고자료 http://jsp-making.tistory.com/64 http://qnibus.com/blog/useful-things-for-mobile-web-de..

Web 2017.12.10

doctype 정의에 따른 스크롤바 스타일

DTD 설정을 하게 되면 브라우저가 표준 모드로 렌더링하게 되므로 Scroll Bar 속성을 body{}에 주면 안되고 html{}에 주어야 한다. [ 샘플 1 ] doctype 미적용된 문서에서 body 에 스크롤바 적용된 경우 http://www.happyjung.com [ 샘플 2 ] doctype 적용된 문서에서 body 에 스크롤바 적용된 경우 http://www.happyjung.com [ 샘플 3 ] doctype 적용된 문서에 html 에 스크롤바 적용된 경우 http://www.happyjung.com

Web 2017.12.08