WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Forms

plum.Form - A jQuery Form Styling Tool

— 추가 기능 WorldWideScripts.net 에

@ko1wws최신 상태로 유지 하기 위해 우리의 피드를 구독!

새로운! 당신이 그것을 원하는대로 우리를 따르라!


plum.Form -jQuery를 양식 스타일링 도구 - 판매 WorldWideScripts.net 상품

Ads

Ad: Bluehost hosting

이 지난 몇 달 질문을 왼쪽으로 의견이 모든 사람, 그리고 미래 질문을 할 수 있습니다 사람들에게 : 당신 이 도움을 필요로하는 경우에, 내 프로필 페이지에서 저를 이메일을 보내십시오. 꽤 바빴어요 그냥 궤도에 다시 받고 있습니다 . 이메일 은 내가 당신을 도울 수있는 가장 빠른 방법입니다.

현재 버전 : 1.5.2, 2012년 1월 15일

plum.form 지루한 웹 폼 의 경계를 넘을 필요가 디자이너를위한 완벽한 도구입니다 . 그것은 아름다운 모양과 웹 사이트에 추가 기능을 추가하는 완벽한 폼을 작성하는 프로세스를 단순화합니다.

그것은 어떻게 작동 하는가?

자바 스크립트 의비트와 약간의 CSS 이외의 필요한 여분의 정말 아무것도 없습니다. 매화 양식 또는 개별 양식 요소 에 전력 을 집중 하고즉석에서 HTML 래퍼를 생성합니다. 대신 서투른 드롭 다운 메뉴 조롱, 당신은 간단한 HTML 로 작업 하는 기본적인 CSS 클래스를 사용할 수 있습니다. 당신이 필요로하는형식입니다

<form action="" method="post" enctype="multipart/form-data">
    <input name="box1[]" type="checkbox" value="1">
    <input name="box2[]" type="checkbox" value="2">
    <input name="box3" type="radio" value="1">
    <input name="box3" type="radio" value="2">
    <input name="files[]" type="file">
    <select name="menu">
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
    </select>
    <input type="submit">
</form>

타겟 있어 모든 요소 에 대해, 매화 는 CSS 로 스타일을 할 수있다"래퍼 "를 만듭니다. 이 래퍼 는 "선택", " 파일 "또는 "입력 확인란을 비활성화 "와 같은, 아주 기본적인, 기억에 남는 클래스 이름을 지정 합니다. 매화 는 클래스 이름으로 엘리먼트 의 타입을 사용하기 때문에 특정 분야 에 특별한 스타일을 추가 할 수 있습니다. 예를 들어, 사용하여"검색" 클래스 ( 이 필드 에좋은 아이콘을 추가 할 수 있습니다<input type="search">).

plum.Form 의 기본 양상은 단순 합니다 . 그것은 당신이정기적으로 웹 양식 의 모든 기능을 유지 의미스타일링 도구, 보다 더 아무것도 없습니다. 키보드 탐색 은 여전히 서버 에 데이터를 다시 전송 않고, (선택 분야 에 집중 하면서옵션의 값을 입력 포함) 작동합니다. 매화 는 모든 좋은 모양과 감각 의 여분의 터치를 추가 할 단지 가있다.

기능을 제공합니다

  • 1.4 의 새로운AJAX 준비 : 한 번만 호출 할 매화 필요 . 모든 요소는 이후에 자동 매화
  • 를 통해 실행되는 페이지 에 추가됩니다. 별도의 HTML 마크 업 이 필요하지 않습니다
  • 가 . 작은 파일 크기 ! 축소 된, plum.Form 20 이하 아래
  • 파일 입력 필드, 드롭 다운 (선택) 메뉴, 체크 상자, 라디오 버튼, 버튼, 텍스트 및 암호 필드를 포함 하는 양식 의 스타일의 모든 부품을 보유하고 있습니다
  • 없음, 모든 혼합 ( 일부는 선택 ​​, 일부 되지 않음)
  • : 여러 상태 와 박스 그룹을 선택 지원합니다. 초점 페이드 입력
  • 동안 숨기기 점에서 필드 레이블 . 미리 정의 된 검사 ( 전화 #, 전자 메일 주소 및 콘텐츠 길이 )뿐만 아니라 사용자 지정 메서드 와 함께 양식 유효성 검사
  • 여러 파일 업로드를 지원합니다
  • 가 . 파일은 AJAX
  • 을 통해 업로드 할 수 있습니다. HTML5 브라우저 가 AJAX 파일 업로드 에진행률 표시 줄을 표시 할 수 있습니다
  • 특정 유형, 크기 및 수량 에 파일 업로드를 제한
  • plum.Form 가 탭 키 요소 에 초점을 맞추고 및 옵션 이름을 입력하거나 화살표 키를 사용하여 선택 메뉴 를 탐색 지원
  • 가 : . 표준 양식 기능을 유지합니다. 선택 메뉴를 계단식 지원합니다
  • 가 . 새로운 형태의 스킨을 만들 쉽게 사용자 정의
  • 광범위한 문서
  • 간단한 사용 :파일을 포함 양식 을 대상으로, 그리고 당신 은 끝났어!

브라우저 지원

  • 모질라 파이어 폭스 3 이상 은
  • 애플 사파리 3 이상 은
  • 구글 크롬
  • 오페라 10 이상
  • 마이크로 소프트 인터넷 익스플로러 7 이상 은

감사합니다!

이러한지원 지역 사회 의 도움없이, plum.Form 하루 의 빛을 보지 못했을 것이다. 버그 및 기능 요청 을보고 모든 사람에게아주 특별한 감사합니다.

다운로드 할 수 있습니다
해당 카테고리의 다른 구성 요소이 작성자 의 모든 구성 요소
의견자주하는 질문과 답변 을 요구했다

속성을 선택합니다

최신 업데이트:
25 8월 12일

호환 브라우저:
IE7 , IE8 , IE9 , 파이어 폭스 , 사파리, 오페라, 크롬 ,

키워드

아약스 양식, 모두 체크, 체크 박스 그룹, 양식, 양식 CSS, 형태 스타일러, 양식 유효성 검사, 의 필드 레이블, JQuery와 양식을, 확인