드래그 앤 드랍으로 폼 생성하기 : happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > 폼 관련 > 드래그 앤 드랍으로 폼 생성하기 상세정보

클라우드태그

Javascript

HTML

PHP

css

API

mysql

ASP

jquery

image

Slide

메뉴

mobile

게시판

현재접속자 명

드래그 앤 드랍으로 폼 생성하기

해피팀

네티즌

소스분류

폼 관련

다운로드 횟수

1 회

간단설명

textareaForm Builder는 사용자가 드래그 앤 드롭 방식으로 빠르게 웹 양식을 만들 수 있도록 하는 온라인 양식 빌더로 전환해주는 jQuery 플러그인입니다.

평가하기

textarea Form Builder는 사용자가 드래그 앤 드롭 방식으로 빠르게 웹 양식을 만들 수 있도록 하는 온라인 양식 빌더로 전환해주는 jQuery 플러그인입니다. 또한 지정한 폼 템플릿에서 폼을 렌더링할 수 있는 formRender 구성 요소를 제공합니다.

# 사용방법

1. 프로젝트에 jQuery 라이브러리와 jQuery 폼 빌더의 스타일 및 Script 를 로드 합니다.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="./dist/form-builder.min.js"></script>
<script src="./dist/form-render.min.js"></script>

2. 드래그 앤 드랍이 가능한 폼 구성요소를 만드는데 필요한 jQueryUI를 로드합니다.

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>

3. 폼 빌더에 대한 표준 HTML 을 만듭니다.

<textarea name="formBuilder" id="formBuilder"></textarea>

4. 플러그인을 호출하여 기본 빌더를 생성 합니다.

<script>$('#formBuilder').formBuilder();</script>

# 주의사항

웹페이지가 자동으로 만들어 지는게 아닙니다.
웹 페이지에서 사용할 폼 종류, 옵션 값, 위치 등의 JSON 데이터를 사용자로 부터 제공 받을 수 있도록 하는 기능입니다.
결국 개발자가 JSON 데이터를 이용하여 폼을 생성하는 작업을 해야 합니다.

네티즌 의견 이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)

내용

아이디

의견남기기

등록된 의견이 없습니다.