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

Awesome Forms Collection

— जोड़ें पर WorldWideScripts.net को

तारीख तक रहने के लिए हमारे फ़ीड की सदस्यता लें!

नई! आप यह चाहते हैं के रूप में हमें का पालन करें!


Awesome Forms Collection - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting
फेसबुक का पालन करें पालन ​​WorldWideScripts.net मुझे ट्वीटर पर अनुगमन कीजीए आरटीई एमएआई समर्थन

आप स्रोत फ़ोल्डर खोलते हैं, तो आप इन फ़ोल्डर में से प्रत्येक के एक शैली का प्रतिनिधित्व करते हैं, (डेमो-एक, डेमो-दो, डेमो-तीन और नए-डेमो) 4 फ़ोल्डरों मिल जाएगा, प्रत्येक शैली अपनी विभिन्न विषयों है।

HTML संरचना

 <Head> <लिंक रिलायंस एनर्जी = "स्टाइलशीट" type = "text / सीएसएस" href = "सीएसएस / themesaller-forms.css"> <लिंक रिलायंस एनर्जी = "स्टाइलशीट" type = "text / सीएसएस" href = "सीएसएस / font-awesome.min.css"> </ सिर> 

जावास्क्रिप्ट संरचना

 <Script type = "text / javascript" src = "जे एस / jQuery-1.9.1.min.js"> </ script> <Script type = "text / javascript" src = "जे एस / jQuery-यूआई-1.10.4.custom.min.js"> </ script> <Script type = "text / javascript" src = "जे एस / jquery.form.min.js"> </ script> <Script type = "text / javascript" src = "जे एस / jquery.maskedinput.js"> </ script> <Script type = "text / javascript" src = "जे एस / jquery.validate.js"> </ script> <Script type = "text / javascript" src = "जे एस / अतिरिक्त-methods.js"> </ script> 

फार्म तत्वों मार्कअप

एक सरल संपर्क फार्म नीचे की तरह लग रहा है कि मार्कअप है!

 <Div class = "themesaller की चादर"> <Div class = "themesaller-रूपों लपेट-3"> <Div class = "फार्म-हैडर-प्राथमिक"> <H4> <मैं वर्ग = "एफए एफए टिप्पणी"> </ i> संपर्क में जाओ </ h4> </ Div> <! - अंत.form-हैडर अनुभाग -> <प्रपत्र विधि = "पोस्ट" कार्रवाई = "/" आईडी = "संपर्क"> <Div class = "फार्म-शरीर"> <Div class = "अनुभाग"> <वर्ग = "क्षेत्र लेबल" = "नाम" के लिए लेबल> आपका व्यक्तिगत नाम </ लेबल> <= "नाम" वर्ग = "क्षेत्र पहले जोड़ें आइकन" के लिए लेबल> <Input type = "पाठ" नाम = "नाम" id = "नाम" वर्ग = "जीयूआई इनपुट" प्लेसहोल्डर = "नाम दर्ज करें..."> <वर्ग = "क्षेत्र के आइकन" = "नाम" के लिए लेबल> <मैं वर्ग = "एफए एफए उपयोगकर्ता"> </ i> </ लेबल> </ लेबल> </ Div> <! - अंत खंड -> <Div class = "अनुभाग"> <= "ईमेल" वर्ग = "क्षेत्र लेबल" के लिए लेबल> अपना ईमेल पता </ लेबल> <के लिए = "ईमेल" वर्ग = "क्षेत्र पहले जोड़ें आइकन" लेबल> <Input type = "ईमेल" नाम = "ईमेल" id = "ईमेल" वर्ग = "जीयूआई इनपुट" प्लेसहोल्डर = "[email protected]"> <= "ईमेल" वर्ग = "क्षेत्र के आइकन" के लिए लेबल> <मैं वर्ग = "एफए एफए लिफाफा"> </ i> </ लेबल> </ लेबल> </ Div> <! - अंत खंड -> <Div class = "अनुभाग"> <= "क्षेत्र लेबल" = "टेलीफोन" वर्ग के लिए लेबल> टेलीफोन / मोबाइल </ लेबल> <के लिए = "टेलीफोन" वर्ग = "क्षेत्र पहले जोड़ें आइकन" लेबल> <Input type = "दूरभाष" नाम = "टेलीफोन" id = "टेलीफोन" वर्ग = "जीयूआई इनपुट" प्लेसहोल्डर = "टेलीफोन दर्ज करें..."> <= "टेलीफोन" वर्ग = "क्षेत्र के आइकन" के लिए लेबल> <मैं वर्ग = "एफए एफए फोन-वर्ग"> </ i> </ लेबल> </ लेबल> </ Div> <! - अंत खंड -> <Div class = "अनुभाग"> <वर्ग = "क्षेत्र के लेबल" "टिप्पणी" = के लिए लेबल> संदेश / टिप्पणी </ लेबल> <"टिप्पणी" = के लिए लेबल वर्ग = "क्षेत्र पहले जोड़ें आइकन"> <Textarea वर्ग = "जीयूआई textarea" id = "टिप्पणी" नाम = "टिप्पणी"> </ textarea> <मैं वर्ग = "एफए एफए टिप्पणी"> </ i> </ लेबल> <= "टिप्पणी" वर्ग = "क्षेत्र के आइकन" के लिए लेबल> <अवधि वर्ग = "इनपुट संकेत"> <strong> सुझाव:। </ Strong> 80 के बीच डालें - 300 अक्षर </ span> </ लेबल> </ Div> <! - अंत खंड -> </ Div> <! - अंत.form-शरीर खंड -> <Div class = "फार्म-पाद"> <बटन प्रकार = "भेजें" वर्ग = "बटन BTN-प्राथमिक"> सबमिट </ बटन> </ Div> <! - अंत.form-पाद खंड -> </ फार्म> </ Div> <! - अंत.themesaller-रूपों खंड -> </ Div> <! - अंत.themesaller-लपेट के खंड -> 

अनुदेश

मुख्य विशेषताएं

  • पाठ आदानों, फ़ाइल आदानों, चयन, एकाधिक चयन, textareas, रेडियो, चेक बॉक्स, और बटन: उच्च अनुकूलित अनुकूलित तत्वों की बड़ी मात्रा में होता है।
  • आधुनिक तत्वों
  • क्लाइंट-साइड मान्यता
  • फील्ड्स मास्किंग
  • संचालित अजाक्स
  • फाइल अपलोड
  • मोडल प्रपत्र
  • Multistep फार्म
  • jQuery के यूआई स्लाइडर
  • jQuery के यूआई Datepicker
  • jQuery के यूआई समय पिकर
  • jQuery के यूआई माह बीनने
  • उत्तरदायी आकार
  • ग्रिड प्रणाली
  • एनिमेटेड टूलटिप्स
  • 50 + उपयोगी उदाहरण
  • रेटिना समर्थन रेटिना स्क्रीन पर उच्च गुणवत्ता और कुरकुरा ग्राफिक्स का समर्थन करने के लिए अनुकूलित।
  • HTML5 और CSS3
  • विंडोज (क्रोम, फायरफॉक्स, ओपेरा, IE8, IE9, IE10), मैक (सफारी, क्रोम, फायरफॉक्स, ओपेरा), आईओएस (iPhone, iPad) और एंड्रॉयड पर परीक्षण किया पार ब्राउज़र।
  • प्रलेखन व्यापक कदम-दर-कदम गाइड के उपयोग और अनुकूलन के साथ मदद करने के लिए।

क्रेडिट्स

समर्थन

आप किसी भी सुझाव या आप एक समस्या मिल जाए, मुझे ASAP फोन! मैं सुझाव प्राप्त करने के लिए उत्सुक है और कीड़े को हल करने के लिए तैयार कर रहा हूँ!

डाउनलोड करें
इस श्रेणी में अन्य घटकोंइस लेखक के सभी घटकों
टिप्पणियाँअक्सर पूछे जाने वाले सवाल और जवाब पूछा

गुण

बनाया गया:
26 अक्टूबर 15

आखिरी अपडेट:
26 अक्टूबर 15

उच्च संकल्प:
हाँ

संगत ब्राउज़र:
IE8, IE9, IE10, IE11, फायरफॉक्स, सफारी, ओपेरा, क्रोम, एज

फ़ाइलें:
जावास्क्रिप्ट जे एस, एचटीएमएल, सीएसएस

सॉफ्टवेयर संस्करण:
jQuery के

कीवर्ड

ईकामर्स, ईकामर्स, सभी आइटम, अजाक्स के प्रपत्र, क्लाइंट साइड सत्यापन, संपर्क करें प्रपत्र, CSS3 प्रपत्र, खजूर बीनने वाला, गणना के साथ प्रपत्र, सत्यापन के साथ पर्चा, मोडल, multistep प्रपत्र, तर्क के साथ multistep प्रपत्र, आर्डर फार्म, उत्तरदायी प्रपत्र