脚本代码 分享 打印版本 举报 PHP高级在线表单源码 Easy Forms v2.2.1 reishi 2025-03-22 250 0 60 源码简介Easy Forms 是一个功能齐全、易于使用的在线表单构建器工具，可加快表单构建过程 - 因此您可以更快地完成在线表单并享受其余工作而无需代码。您可以在几分钟内快速轻松地开始创建在线表单，无需任何编程技能！ 在线演示https://demo.easyforms.dev/Username: adminPassword: 123456Username: userPassword: 123456功能简介表单构建：轻松创建各种类型的表单，包括联系表单、订阅表单和调查表单等。自定义选项：灵活定制表单的字段类型、布局样式、颜色和字体等，以满足用户的具体需求。预览功能：提供实时预览功能，让用户在发布之前可以查看表单的外观和功能。响应式设计：支持响应式设计，确保表单在各种设备上都能良好地显示和操作。嵌入功能：轻松将表单嵌入到网站或应用程序中，以便收集用户反馈、订阅信息或进行调查。数据收集和分析：提供数据收集和分析功能，帮助用户了解表单的性能和用户行为，从而优化表单设计和功能。用户友好的界面：具有直观的界面和易于操作的功能，即使是没有编程经验的用户也能轻松上手。多种字段类型：支持各种常见的字段类型，如文本框、单选框、复选框、下拉菜单等。安全性：提供安全性保障，确保用户提交的数据受到保护，防止恶意攻击和数据泄露。全面的文档和支持：提供全面的文档和支持资源，帮助用户快速上手并解决遇到的问题。显示/隐藏文本Online Form BuilderBuild online forms free and without limits.Easily create the forms you need: Contact forms, Order forms, Registration forms, Online surveys, Quizzes, Survey Funnels WhatsApp Contact Forms and more.Drag-and-drop your form elements to rearrange them. No coding skills required.Touch-friendly Drag and DropW3C-valid HTML5 FieldsElectronic Signature FieldAdd, Duplicate, Edit, Update and Delete Fields easilyAdd Form Components with a ClickDrag-and-Drop Column ControlBuilt-in support for users on smart-phones, tablets, and other mobile devices.Create Multi-Step FormsLink to One Page of a Multi-Page FormAdd friendly hints and placeholders, making your forms easier and friendlier to fill out.Set a default value for certain fields. They’ll be submitted if the visitor doesn’t change them.Allow users to upload multiple filesAccept any file typeOptionally limit the quantity, size or type of file you want to receiveAdd advanced field validationWrite your very own field validation rules using regular expressionsSet a specific space between your fields with our Spacer Field.Use a powerful wysiwyg editor with our HTML Snippet FieldEmbed images, videos and mapsMatrix Table Field (Likert Scale) with HTML5 input fieldsInclude Google reCAPTCHA v2 or v3 in your formsMultiple reCAPTCHA theme options.Choose between Invisible reCAPTCHA or “I’m not a robot” checkboxSmart reCAPTCHA. Save the correct answer of a user. So, he don’t have to fill it again.Bootstrap CSS SupportSet the positioning of your field labels across your form.Checkboxes and Radio Buttons can have images or iconsCustom Checkbox and Custom Radio Button by using CSS stylesRemove jаvascript code in the HTML generated by the Form BuilderSet an Alias to each Form Field to identify it or export it with a customized parameterAccessible Forms: Set custom attributes to your fieldsTheme DesignerChange the form design without write a single line of CSS codeCreate beautiful, branded, online forms easilyCopy & paste your design from one form to another with a couple of clicksPerfect integration with the Form BuilderGoogle Fonts selectorWeb Gradients EditorBeautiful selection of Subtle Patterns by ToptalPowerful Color Picker with transparencyField SuggestionsReal-Time PreviewReset the design with a clickAnd more!Forms Management SystemPrivate Forms (Internal Forms)RTL FormsDuplicate Forms (Including Form Fields, Form Settings, Notifications, Conditional Rules, Theme)Import / Export Forms between different sitesUse a unique URL to easily share/link a full-page form.Share friendly links to your formsEasily embed your form in your website, blog, shop —wherever you want it! No extra programming needed – just copy our code.Multiple embedding options and formats.Add a custom confirmation message or redirect to another websiteAdd Field Variables in the URL to be redirected and confirmation messagesShow a confirmation message and redirect to another page after a secondsConditional Redirection: Redirect your users to different pages according their responsesDouble Opt-In: Let your users confirm their email addressesLoad external jаvascript fileAnti – Spam Protection (HoneyPot Technique)Generate Submission NumberLimit Submission per Time PeriodLimit Submission by IP and/or Browser FingerprintAuto-deactivation by datesSet the Time Zone and Date Format for SubmissionsImplement Save form & resume laterForms with Password ProtectionAssign your forms to different usersEmbed your Forms only on authorized websitesEmbed your Form in a PopUp or Modal WindowEdit a Form Submission in your own websiteDefine when a form submission can be editable by time and/or conditional rulesProtected Uploaded Files (compatible with RBAC)Disable IP TrackingCompress the Forms’ Uploaded Images automaticallyShare Forms between registered usersDownload / Share the QR code of your formsManage Form Add-onsPopUp Form DesignerPlace the form inside a popup without write a single line of codeWhen it opens, focus will be restricted to elements inside the popupUse our popup form to convert website visitors to subscribersChoose between multiple colors, backgrounds, sizes, animations and effectsConfigure the PopUp margin, padding, width, border with and border radiusSet the animation effect and animation durationChange the Button text and button colorPlace the Button position Inline or at the border of the Browser WindowSee a preview and get the generated code with one clickEmbed multiple pop-up forms on the same pageForm Endpoints / Download the HTMLForm backend platform for designers and developersDownload Form Files with all their features or just the HTML & CSS filesCustomize your forms on your website and/or mobile appNo Embeds or iFrames. No overrides! No scripts!Use regular HTML forms or use the Form Endpoint as an API!Standard form submission redirect back to your website. Our app is virtually invisibleUse custom field names in your external formEasily collect unlimited files attachments per form submissionOur powerful server-side field validation system for your external formsSpam Filtering and reCAPTCHAAJAX Forms: Also, our endpoints accept Ajax Form requests.CORS validation: Only accept form submissions from Authorized URLsGet your responses in JSON, XML or simple HTML.Collect data and redirect the browser to another 3rd-party pageCapture associative array POST requests from 3rd-party appsEdit form submissionsThemes & TemplatesCustomize your forms’ branding.Theme & Template ManagersAdvanced CSS Editor with Form Live PreviewEasy integration with the formsTemplate Promotion and CategoriesComes with +10 pro-level themesTemplates for event registration, contact forms, customer surveys, trivias, RSVPs, and more.Administrators can assign Themes and Templates to another usersUsers can share Themes and Templates to other usersNotificationsDynamic Content (Template Language)Send Instant NotificationsBe notified by email every time a form is submitted or when the end-user confirms his email address (double opt-in).Send confirmation messages (Email Auto-Responder)Send your customer a fully customizable email upon form submission. You can include data they entered in the message, too.Select multiple email fields in order to send email confirmationsSet up multiple recipientsSend notification to multiple emails collected by the same Email fieldHTML / Plain Text EmailWysiwyg Editor to edit email messagesAuto-Suggestion tool to merge collected data in your email messagesUpload images and add tables to your email messagesFile Attachment if your form has file upload fieldsSupply a custom “From” address for auto-response messagesUse PHP mail() functionSupport for PHP SMTP Authentication. (Use your own SMTP mail server)Send Test EmailRedirect your visitor to a specific URL after the double opt-in.Send your submissions to another application or scriptShow your visitors or customer a custom message after submission.Hide empty fields in email notifications and confirmationsRule BuilderCreate the conditional logic easily, no coding knowledge required.Intuitive interfaceMultiple rules, conditions and actionsName / Describe each conditional ruleDuplicate complex conditional rules in one clickReordering Conditional Logic using a Drag & Drop interfaceShow / Hide FieldsEnable / Disable FieldsCopy values from one field to anotherCopy HTML content from one HTML element to anotherSet or Copy static values according to your conditional logicPerform basic math operationsEvaluate advanced math expressions (formulas)Date Calculations with Conditional LogicFormat numbers to look like currency, percentages, times… easilyFormat text string to merge field values and place them in another fieldSkip steps with Multi-Step FormsSubmit / Reset Forms with Conditional LogicEnable / Disable Opposite actionsAuto-Suggestion tool to use collected data in rule actionsConditional Validation: Required validation only if the Field is visibleSubmission Management SystemAdvanced Submission GridSort Form Submissions by Field ValuesAlert new submissionsView submission detailsIdentify each field by its label and aliasCustom Submission NumberShow / Hide Empty Fields in submission detailsBulk Actions: Mark as Read / UnreadComment System (Leave a comment about the form submission)View sender information (with Leaflet Map and Google Map support)Track the landing page and referrer URL of each form entryEdit and Delete each submissionExport submissions as MS Excel or CSVFilter Form Submissions by Date RangeSet a Date Range to export more granular entriesPrint form submissions (PDF compatible)File ManagementRe-Send Email notifications and Email confirmationsReport BuilderBuild reports on form submissionUse Row, Bar, Donut and Pie chartsMove & Resize any ChartInteract with your Charts with one clickFilter by Date RangeSave Submissions Report as PDF with Browser print functionForm AnalyticsGet an instant overview of form stats, including conversion rates.See how many people looked at your form.Know how many visits are made before your users send the formImprove the form and increase conversion rateForm Performance reportSubmissions Analytics reportTrack how many people started filling out your form.See the number of submissions for every form, in one single view!Disable form tracking on the flyUser Management with RBAC systemUser Registration: Your users can register and create their own formsRequire email confirmationLimit access to user login page to specific IP addressesLogin with two factor authenticationUse captcha in your registration formsSet the default user role when a new user is registeredRobust and Flexible RBAC systemUser Roles (out-of-the-bex): Admin and UserThe “Admin” can access to the entire applicationThe “User” is able to create and manage his own forms and themesCreate custom roles and permissionsDefine distinct roles with a set of customizable permissionsAssign one or multiple roles to usersAssign one or multiple permissions to user rolesAssign roles and/or permissions to usersGive your users permissions so they can access the add-onsAll users can be blockedProfilesUser PreferencesForce Password ChangeRequire User Email confirmationLogin Security: 2FA with Google AuthenticatorSession Security: Session TimeoutLogin by email or usernamePassword reset and/or recoveryMaximum Password AgeAdd-ons & IntegrationsREST API moduleGoogle Analytics: Track your visitors in Google Analytics (Compatible with GA4)WebHooks: Send submissions to another server with customized parametersAmazon SES Integration & Sendinblue Integration to send all the transactional emailsBrowser Geolocation (Google Maps Geocoding integration)Multi LanguageEnglish, Spanish, German, French, Italian, Chinese, Thai, Turkish, Indonesian and Dutch languagesYou can translate all the application to other languages easilyYou can set up each form to use a different languageThe user has the ability to change and select default language for his user accountAdministrators can change Date and Time Format for the entire applicationOtherResponsive DesignUse your own logoBased on latest of Bootstrap 3 and Yii 2Glyphicons PRO 1.9.2系统需求服务器 Linux/Unix（建议），Windows或Mac OS XWeb服务器 Apache（建议），Microsoft IIS或任何类似的Web服务器PHP版本 v7.2或更高版本（不支持8.2）数据库 MySQL v5或更高版本建议使用Cron Job（可选项。用于更新统计信息和发送异步通知）Web服务器应该能够读取和写入应用程序文件（文件权限）使用的PHP扩展Easy Forms需要以下PHP扩展：CtypecURLDOMFileInfo - 用于 mime-type 验证。GD或ImageMagick。iconvICU 版本 > 49Intl - i18n支持。JSONMBStringOpenSSLPCREPDOPDO MySQL驱动程序ReflectionSPLXMLWriter - 用于将条目导出为 MS Excel 文件Zip - 用于导出表单和表单提交。更新日志2024年11月22日 - 版本 2.2.1 新增功能： - 新增：表单小部件。通过使用哈希ID（sid）编辑表单条目。 改进功能： - 改进：国际化消息。 - 改进：动态内容。默认显示签名图片。 - 改进：条件构建器小部件。 - 改进：表单管理器。“打开表单”按钮。 - 改进：表单构建器。允许在分页按钮中使用HTML代码。 - 改进：表单构建器。将分页按钮添加到画布。 - 改进：表单构建器。矩阵字段 > 自定义属性。 - 改进：表单构建器。实现Prepend、Append和输入组CSS类。 - 改进：表单构建器。优化图像选择（单选和复选框）的设计。 - 改进：表单构建器。使用BS5 Toast显示保存数据错误提示。 - 改进：表单构建器。通过表单控件设置自定义表单选择设计。 - 改进：表单构建器。添加工具以自定义输入组的设计。 - 改进：表单构建器。设计面板 > 分页按钮 > 边距和填充。 - 改进：表单构建器。设计面板 > 表单控件 > 焦点 > 文本颜色。 - 改进：表单构建器。设计面板 > 字段验证。 - 改进：表单构建器。设计面板 > 字体选择器，支持样式和字重。 修复问题： - 修复：禁用的表单消息未正确显示。 - 修复：提交管理器 > 上传文件。 - 修复：根据条件规则显示/隐藏国际电话号码。 - 修复：使用Krajee文件输入UI小部件显示验证错误。 - 修复：表单页面设置 > 网站图标（上传和删除）。 - 修复：在表单URL中添加sid=0导致500错误。 - 修复：在数字字段中发送文本时的验证错误消息。 更新内容： - 更新了依赖库。下载地址&安装方法 .dlepay-box{border:1px solid rgba(128,128,128,.28);border-radius:14px;padding:18px 20px;margin:18px 0;background:rgba(128,128,128,.06);box-shadow:0 6px 20px rgba(15,23,42,.05);font-size:14px;line-height:1.7;color:inherit} .dlepay-box.dlepay-free,.dlepay-box.dlepay-paid{border:1px solid rgba(34,197,94,.5);background:rgba(34,197,94,.09);box-shadow:none} .dlepay-head{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap} .dlepay-badge{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:rgba(15,118,110,.92);color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;white-space:nowrap} .dlepay-free .dlepay-badge,.dlepay-paid .dlepay-badge{background:rgba(22,163,74,.92)} .dlepay-head__text{flex:1;min-width:200px;font-size:14px;line-height:1.7;color:inherit} .dlepay-head__text b{color:#ef4444;font-size:16px} .dlepay-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px} .dlepay-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 18px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease;font-family:inherit} .dlepay-btn:active{transform:translateY(1px)} .dlepay-btn-primary{background:#1677ff;color:#fff;box-shadow:0 8px 18px rgba(22,119,255,.22)} .dlepay-btn-primary:hover{background:#0f62d9;color:#fff} .dlepay-btn-ghost{background:transparent;color:inherit;border-color:rgba(128,128,128,.42)} .dlepay-btn-ghost:hover{background:rgba(128,128,128,.14)} .dlepay-sub{margin-top:8px;font-size:12px;color:inherit;opacity:.62} .dlepay-note{margin-bottom:10px;font-size:13px;font-weight:700;color:#16a34a} .dlepay-content{margin-top:12px;padding:14px 16px;border:1px dashed rgba(128,128,128,.42);border-radius:10px;background:transparent} .dlepay-modal{position:fixed;left:0;top:0;right:0;bottom:0;z-index:99999;display:none;color:inherit} .dlepay-modal.is-open{display:block} .dlepay-modal__mask{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(15,23,42,.55)} .dlepay-modal__dialog{position:relative;width:min(92vw,360px);margin:10vh auto 0;background:#fff;color:#0f172a;border-radius:16px;padding:22px 22px 18px;box-shadow:0 24px 60px rgba(15,23,42,.35);text-align:center} .dlepay-modal__title{font-size:16px;font-weight:800;color:#0f172a;margin-bottom:14px} .dlepay-modal__close{position:absolute;top:8px;right:12px;border:0;background:transparent;font-size:22px;line-height:1;color:#94a3b8;cursor:pointer} .dlepay-modal__close:hover{color:#0f172a} .dlepay-loading{font-size:13px;color:#94a3b8;padding:30px 0} .dlepay-qr{display:none;width:220px;height:220px;margin:0 auto;border-radius:10px;border:1px solid rgba(128,128,128,.3);background:#fff} .dlepay-status{margin-top:12px;font-size:13px;line-height:1.7;color:#334155;min-height:20px} .dlepay-status b{color:#ef4444;font-size:15px} .dlepay-ok{color:#16a34a;font-weight:700} .dlepay-err{color:#ef4444;font-weight:700} [data-theme="dark"] .dlepay-box{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.14);box-shadow:none} [data-theme="dark"] .dlepay-box.dlepay-free,[data-theme="dark"] .dlepay-box.dlepay-paid{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.45)} [data-theme="dark"] .dlepay-head__text b,[data-theme="dark"] .dlepay-status b,[data-theme="dark"] .dlepay-err{color:#f87171} [data-theme="dark"] .dlepay-ok{color:#4ade80} [data-theme="dark"] .dlepay-btn-primary{background:#2f81f7;box-shadow:none} [data-theme="dark"] .dlepay-modal__dialog{background:#1e2228;color:#e6e6e6;box-shadow:0 24px 60px rgba(0,0,0,.65)} [data-theme="dark"] .dlepay-modal__title{color:#f1f5f9} [data-theme="dark"] .dlepay-modal__close{color:#9aa4b2} [data-theme="dark"] .dlepay-modal__close:hover{color:#fff} [data-theme="dark"] .dlepay-loading{color:#9aa4b2} [data-theme="dark"] .dlepay-status{color:#cbd5e1} @media (max-width:480px){.dlepay-box{padding:14px}.dlepay-btn{width:100%}} × 扫码支付 正在加载… (function(){ if (window.dlePayReady) { return; } window.dlePayReady = true; var CFG = {"url":"https:\/\/topide.com\/index.php?do=pay","qr":"https:\/\/topide.com\/index.php?do=alipaypay&action=qr&data=","token":"4454a01b5583578770b54619f3c0e66f0b645761","currency":"积分"}; function el(id) { return document.getElementById(id); } window.dlePayOpen = function(){ var m = el('dlepay-modal'); if (m) { m.className = 'dlepay-modal is-open'; m.setAttribute('aria-hidden','false'); } }; window.dlePayClose = function(){ var m = el('dlepay-modal'); if (m) { m.className = 'dlepay-modal'; m.setAttribute('aria-hidden','true'); } }; window.dlePayStatus = function(html, cls){ var s = el('dlepay-status'); if (!s) { return; } s.className = 'dlepay-status' + (cls ? ' ' + cls : ''); s.innerHTML = html; }; window.dlePayLoading = function(on){ var l = el('dlepay-loading'); var q = el('dlepay-qr'); if (l) { l.style.display = on ? 'block' : 'none'; } if (on && q) { q.style.display = 'none'; } }; function post(action, data, callback){ var fd = new FormData(); fd.append('action', action); fd.append('token', CFG.token || ''); for (var k in data) { if (Object.prototype.hasOwnProperty.call(data, k)) { fd.append(k, data[k]); } } fetch(CFG.url, { method: 'POST', body: fd, credentials: 'same-origin', headers: { 'X-Requested-With': 'XMLHttpRequest' } }).then(function(r){ return r.json(); }).then(function(d){ callback(d || { status: 'error', message: '返回数据异常' }); }).catch(function(){ callback({ status: 'error', message: '网络错误，请稍后重试' }); }); } window.dlePayScan = function(tagId, newsId){ window.dlePayOpen(); window.dlePayLoading(true); window.dlePayStatus('正在生成支付二维码…'); post('create', { tag_id: tagId, news_id: newsId }, function(d){ window.dlePayLoading(false); if (d.status === 'success') { if (d.free || d.paid) { window.dlePayStatus('已解锁，正在刷新…'); setTimeout(function(){ location.reload(); }, 500); return; } var q = el('dlepay-qr'); if (q) { q.src = CFG.qr + encodeURIComponent(d.qr_code); q.style.display = 'block'; } window.dlePayStatus('请使用支付宝扫码支付 ' + d.amount + ' 元（' + d.price + ' ' + (CFG.currency || '') + '）'); window.dlePayPoll(d.out_trade_no); } else { window.dlePayStatus('' + (d.message || '下单失败') + ''); } }); }; window.dlePayPoll = function(outTradeNo){ var tries = 0; function tick(){ tries ++; if (tries > 200) { window.dlePayStatus('二维码已过期，请关闭后重新下单'); return; } post('query', { out_trade_no: outTradeNo }, function(d){ if (d.status === 'paid') { window.dlePayStatus('支付成功，正在刷新…'); setTimeout(function(){ location.reload(); }, 600); return; } if (d.status === 'closed') { window.dlePayStatus('订单已关闭，请重新下单'); return; } setTimeout(tick, 3000); }); } setTimeout(tick, 2500); }; window.dlePayBalance = function(tagId, newsId){ if (!window.confirm('确认使用余额支付？')) { return; } window.dlePayOpen(); window.dlePayStatus('正在处理…'); post('balance', { tag_id: tagId, news_id: newsId }, function(d){ if (d.status === 'success') { window.dlePayStatus('支付成功，正在刷新…'); setTimeout(function(){ location.reload(); }, 500); } else { window.dlePayStatus('' + (d.message || '支付失败') + ''); } }); }; })(); 付费内容此部分内容需要支付 10 积分 后查看，请先登录。 标签 Easy FormsForm BuilderPHP在线表单生成PHP在线表单管理