콘텐츠 #

• Show Label (Toggle): Turn the field label on/off.
• Position (Dropdown: Top / Left): Choose label position relative to the input.
• Label (Text Input): Text that appears as the field’s title.
• Name (Text Input – Required): Unique internal identifier without spaces.
• Placeholder (Text Input): Light text inside the field guiding the user.
• Help Text (Textarea): Instruction text displayed below the field.
• Default Value (Text Input): Pre-populates the field with a value.
• Required (Toggle): Makes the field mandatory for form submission.

설정 #

• Field ID (Text Input): Custom HTML ID for styling or scripting.
• Width (Dropdown: 100% / 50% / Custom): Controls how much horizontal space the field uses.
• Read Only (Toggle): Prevents users from editing the text.
• Disabled (Toggle): Completely disables the field interaction.

Validation #

• Validation Type (Dropdown): Choose how the field’s value is validated.
  • 문자 길이별: Enforce minimum/maximum characters.
  • 단어 길이별: Enforce min/max number of words.
  • 표현 기반: Custom regex pattern for validation.
• Required Message (Text Input): Custom message when required rule fails.

조건부 논리 #

• Enable Conditional Logic (Toggle): Enable dynamic show/hide behavior.
• Action (Dropdown: Show / Hide): Whether to show or hide based on conditions.
• Field (Dropdown): Field to compare against.
• Operator (Dropdown): Type of comparison (Equal / Not Equal / Contains / Greater / Less).
• Value (Text Input): Condition value to match.

Check out our 여기 라이브 데모.

이메일 #

Make sure that the user enters the valid email address to your Form with the Email Input field. Search the Metform email widget and drag and drop.

콘텐츠 #

• Show Label (Toggle): Display label or not.
• Position (Dropdown: Top / Left): Where the label appears.
• Label (Text Input): Field title text.
• Name (Text Input – Required): Unique field identifier.
• Placeholder (Text Input): Hint text inside the field.
• Help Text (Textarea): Instructional text under the field.
• Required (Toggle): Make email required to submit.

설정 #

• Field ID (Text Input): For CSS/JS targeting.
• Width (Dropdown): How wide the field appears visually.
• Read Only (Toggle): Users can’t change the displayed email.

Check out our 여기 라이브 데모

숫자 #

이 입력 필드는 사용자가 숫자 입력으로 유효한 숫자를 입력하도록 보장합니다.

콘텐츠 #

• Show Label (Toggle): Control label visibility.
• Position (Dropdown: Top / Left): Label placement.
• Label (Text Input): Number prompt text.
• Name (Text Input – Required): Unique identifier.
• Placeholder (Text Input): Default hint numeric text.
• Help Text (Textarea): Help text guiding input.

설정 #

• Required? (Toggle): Mandatory numeric input.
• Validation Type:
  • None: Disables all validation.
  • By range: Restricts input to a specific numerical or date-based scale.
    • Min/Max: You set the lowest and highest acceptable values (e.g., age must be between 18 and 99).
    • 경고 메시지: A custom alert that appears if the user enters a number outside that range.
  • By expression-based: You can enter a specific pattern in the 표현 field, such as [a-z, A-Z]+ to ensure the input contains only alphabetic characters, and set a custom 경고 메시지.
• Get Value From URL: When enabled, automatically populates a field by capturing specific data passed through the URL’s query parameters.

Check out our 여기 라이브 데모

전화 #

사용자가 연결을 위해 유효한 전화번호를 제공하도록 허용합니다.

Content & Settings #

그만큼 전화 widget includes all the same content and settings as the 숫자 widget, allowing you to set ranges, expressions, and dynamic values.

Check out our 여기 라이브 데모

시간 #

사용자가 팝다운 타이머에서 원하는 시간을 선택할 수 있도록 도와줍니다.

Content & Settings #

그만큼 시간 widget shares the exact same content and settings customization as the 숫자 그리고 전화 위젯.

A unique addition here is the Use 24H Format toggle, which allows you to switch between a standard AM/PM display and a 24-hour military time format.

Check out our 여기 라이브 데모

24H Format: Check out our 여기 라이브 데모

날짜 #

이 입력 필드를 사용하여 팝업 달력에서 날짜를 선택하여 양식을 더욱 사용자 친화적으로 만드세요.

콘텐츠 #

그만큼 날짜 widget includes the same core content customization options as the 숫자 위젯.

설정 #

• Required?: Makes the date selection mandatory for form submission.
• Set current/min/max date: Restricts the calendar to a specific timeframe (e.g., no past dates or a fixed deadline).
• Disable date list: Blocks specific dates, like holidays or weekends, from being selectable.
• Range Date Input: Changes the field to a “Check-in to Check-out” style double date picker.
• Year/Month/Date input: Customizes the labels or placeholders for each part of the date.
• Date Format & Localization: Sets the display style (e.g., DD/MM/YYYY) and adapts the calendar to local languages.
• Want to input time with it?: Adds a time-picker to the calendar for precise scheduling.
• Get Value From URL?: Auto-fills the date using a value passed through the website link.

Check out our 여기 라이브 데모

기간 입력

Check out our 여기 라이브 데모

시간 입력으로 날짜 선택

Check out our 여기 라이브 데모

선택하다 #

사용자가 선택할 수 있는 옵션 드롭다운 목록을 추가하고 이름으로 위젯을 검색한 다음 위젯을 원하는 위치로 끌어다 놓습니다.

Content & Settings #

The options here are the same as the Number widget.

에서 content part, when you add an item to a 드롭 다운 목록, you define how it appears and behaves using these four settings:

• Status Select it default? (Yes/No): If set to 예, this item will be automatically pre-selected when the page loads.
• Input Field Text: This is the label the user sees in the menu (e.g., “United States”).
• Input Field Value: This is the “hidden” data sent to the server when the item is picked (e.g., “US”).
• Status (Enable/Disable): A toggle to show or hide the specific item without deleting it from your list.

Check out our 여기 라이브 데모

검색 옵션을 레이블로 #

Check out our 여기 라이브 데모

다중 선택 #

드롭다운에서 한 번에 여러 항목을 선택합니다.

(Same as Select, but allows selecting multiple options from the list.)

Multiple Selection (Toggle): Allow multiple items to be chosen.

Check out our 여기 라이브 데모

기본 선택 값 #

Check out our 여기 라이브 데모

텍스트 영역 #

양식에 많은 콘텐츠, 검토, 의견을 추가하는 데 도움이 됩니다. 

(Much like Text, but supports multiple lines.)

콘텐츠 #

• Rows (Number Input): Controls visible height of textarea.
• Show Label, Position, Label, Name, Help Text, Required: Same as text.

Check out our 여기 라이브 데모

체크박스 #

사용자가 확인란을 사용하여 양식에서 한 번에 여러 항목을 선택할 수 있도록 허용합니다.

콘텐츠 #

• Show Label (Toggle), Position (Dropdown), Label, Name: Standard label controls.
• Checkbox Options (Repeater):
  • Option Text: Text shown next to checkbox.
  • Option Value: Stored when submitted.
  • Status (Dropdown: Enable / Disable): Active or disabled option.
  • Required (Toggle): Must check at least one.

표시하다 #

Layout (Dropdown: Vertical / Inline): Arrange options layout.

Check out our 여기 라이브 데모

수직의 #

Check out our 여기 라이브 데모

텍스트 뒤의 아이콘 위치 #

Check out our 여기 라이브 데모

라디오 #

사용자가 여러 옵션 중에서 하나의 독점 항목만 선택할 수 있도록 허용합니다.

콘텐츠 #

• Required (Toggle): Must choose an option.
• Show Label, Position, Label, Name: Label settings.
• Option Display (Dropdown: Vertical / Horizontal): Choose orientation.
• Options Text Position (Dropdown: Before / After): Where the label sits relative to the circle.
• Radio Options (Repeater):
• Radio Option Text: Label shown to user.
• Radio Value: Value saved upon submit.
• Status (Dropdown): Active/disabled option.

Check out our 여기 라이브 데모

수직의 #

Check out our 여기 라이브 데모

텍스트 뒤의 아이콘 위치 #

Check out our 여기 라이브 데모

이름(목록) #

Allow users to give their First Name to show them in a listing method on the mailing list. For Example : Mailchimp

콘텐츠 #

• Validation Type (Dropdown): Min/max or expression validation for names.
• Show Label (Toggle), Position (Dropdown), Label: As standard.
• Placeholder (Text Input): Name hint.
• 도움말 텍스트: Additional instructions.
• Required (Toggle): Must fill.

성(목록) #

사용자가 성(LastName)을 제공하여 메일링 리스트의 목록 방법에 표시되도록 허용합니다. 예: 메일침프

Same controls as First Name.

옵트인 목록 #

양식에 옵트인 필드를 사용하고 "뉴스레터 구독" 확인란을 클릭하여 사용자를 구독된 mailchimp 연락처 사용자로 만듭니다.

Check out our 여기 라이브 데모

GDPR 동의 #

법의 조치로부터 안전하게 보호하기 위해 일반적으로 사용자 데이터를 사용하는 방법을 설명하므로 사용자 데이터를 수집하기 전에 양식에 GDPR(일반 데이터 보호 규정) 불만 사항을 활성화하세요.

콘텐츠 #

• Help Text (Textarea): Further explanation.
• Show Label (Toggle): Display consent block title.
• Position (Dropdown): Label placement.
• Input Label (Text Input): Consent prompt text.
• Option Display (Dropdown): Horizontal/vertical layout.
• Options Text Position (Dropdown): Label before/after checkbox.
• Checkbox Option Text (Textarea): Consent statement text.

확인하다 out our 여기 라이브 데모

텍스트 링크 포함 #

확인하다 out our 여기 라이브 데모

스위치 #

전등 스위치처럼 예/아니요 또는 켜기/끄기 토글 스위치 확인란 입력을 쉽게 제어할 수 있습니다.

콘텐츠 #

• Required (Toggle): Must select a state.
• Show Label (Toggle), Position (Dropdown), Label, Name: Standard label controls.
• Help Text (Textarea): Description below switch.
• Active/Inactive Text (Text Inputs): Custom labels for on/off states.

Check out our 여기 라이브 데모

사용자 정의 옵션 텍스트 #

Check out our 여기 라이브 데모

리캡차 #

Google reCAPTCHA를 통합하여 원치 않는 스팸 및 악의적인 트래픽으로부터 사이트를 안전하게 보호할 수 있습니다.

Check out our 여기 라이브 데모

간단한 reCAPTCHA #

원치 않는 봇과 스팸으로부터 사이트를 보호합니다.

Check out our 여기 라이브 데모

인라인 옵션 #

Check out our 여기 라이브 데모

범위 슬라이더 #

매우 멋진 범위 슬라이더를 사용하여 양식에 최대 또는 최소 범위 값을 설정하세요. 적절한 값이 나올 때까지 양쪽 끝을 드래그하기만 하면 됩니다. 

Check out our 여기 라이브 데모

기본값 #

확인하다 out our 여기 라이브 데모

다중 범위 입력 #

확인하다 out our 여기 라이브 데모

URL #

URL 입력 필드를 사용하여 양식에 URL을 추가하기만 하면 됩니다. 사용자가 양식 필드에 유효한 URL을 입력했는지 확인합니다. 

콘텐츠 #

• Show Label, Position, Label, Name: Standard label controls.
• Placeholder (Text): Sample URL hint.
• 도움말 텍스트: Extra instructions.
• Required (Toggle): Must enter a valid URL.

Validation #

URL Validation: Ensures submission is a valid link.

Check out our 여기 라이브 데모

비밀번호 #

 사용자에게 강력한 비밀번호를 제공하려면 비밀번호 입력 필드를 사용하세요. 이를 통해 사용자는 보호된 비밀번호를 얻고 필요할 때 변경할 수 있습니다.

콘텐츠 #

• Show Label, Position, Label, Name: Standard label controls.
• 자리표시자: Password hint text.
• 도움말 텍스트: Instruction text below field.
• Required (Toggle): Must enter password.

Validation #

Validation Type (Dropdown): Enforce strength via characters/words/regex.

Check out our 여기 라이브 데모

응답 메시지 #

콘텐츠 #

• Add Success Message (Textarea): Text shown after successful submission.

Check out our 여기 라이브 데모:

평가 #

고객으로부터 평가를 수집 평가 입력 필드의 경우 이름으로 입력 필드를 검색한 다음 입력 필드를 원하는 위치로 끌어서 놓습니다. 고객 리뷰를 얻고 소유자와 고객 간의 좋은 유대 관계를 구축하는 데 도움이 됩니다.

콘텐츠 #

• Number of Rating Stars (Number Input): Custom number of stars to display.
• Show Label (Toggle), Position (Dropdown), Label, Name: Standard.
• 도움말 텍스트: Rating instruction beneath stars.
• Required (Toggle): Must choose a rating.