일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- CGIMALL
- happycgi
- #해피CGI
- javascript
- 홈페이지제작
- #업종별
- 해피CGI
- CSS
- 쇼핑몰
- #웹솔루션
- 게시판
- #쇼핑몰
- #동영상
- jquery
- #홈페이지제작
- 솔루션
- #CSS
- #image
- #jQuery
- 해피씨지아이
- #happycgi
- #cgimall
- 홈페이지
- #이미지
- php
- 웹솔루션
- 사이트제작
- #솔루션
- #홈페이지
- #뉴스
- Today
- Total
목록#form (4)
웹솔루션개발 22년 노하우! 해피CGI의 모든것
* javascript FormPersistence HTML 양식 데이터를 보존하기위한 간단한 JavaScript 라이브러리 * License MIT License * 이용방법 첨부된 압축파일을 해제하여 원하는 웹경로에 업로드합니다 작업해야될 html 문서안에 아래와 같이 배포된 js,css 를 삽입합니다 그리고 적용할 폼태그를 구성하여 각각 id 값을 선언해줍니다 위와 같이 폼 구성을 하고 웹으로 실행하면 각 input 박스에 항목을 입력하고 Add 버튼을 클릭하면 아래와 같은 결과를 확인하실 수 있습니다 form-persistence.js 에 사용되는 스크립트 함수의 옵션등에 대한 API정보는 아래의 API문서 페이지에서 확인이 가능합니다 https://github.com/FThompson/FormP..
css를 이용한 다이나믹한 71가지의 폼 디자인을 공유하고 있는 사이트입니다. 샘플 사이트내에서 이미지에 마우스를 오버하시면 간단히 이미지내에서 동작하는것을 확인할 수 있고 links 의 demo and code를 클릭하시면 html/css/js 파일 및 결과물을 확인하실 수 있습니다.아래의 export를 클릭하여 소스를 다운 받으시거나 파일로 바로 코드를 복사하여 확인하시면 됩니다.
웹페이지에서 여러가지 정보를 입력받아야 할때 입력폼에 어떤 정보를 입력하면 될런지 힌트를 주기 위해서 사용이 가능하겠습니다. 다운로드 받은 파일의 압축을 해제한후 index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. HTML 소스코드를 보면 form 태그의 name 값을 지정해준후에, 각 입력폼을 클릭했을때 어떤 문구를 표시해줄지 위 그림과 같은 스크립트로 작성한후에 아래와 같이 지정된 폼에 적용하는 스크립트를 이용하면 가능하네요. 여러가지 정보를 입력받아야 하는 페이지에서 각각의 정보마다 도움말이나, 힌트를 표시하기 위해서 . 손쉽게 사용이 가능해보입니다.