본문으로 건너뛰기
회사연혁/무료 도구

폼 명세 만들기

필드 유형, 유효 제한, 선택, 필수 필드 및 조건 가시성을 가진 형태 스키마를 건설하십시오. 미리보기 및 수출 JSON 또는 구현 간략.

본문내용

01 / Email address

02 / What can we help with?

03 / Tell us more

정확한 일치. checkbox는 true 또는 false를 사용합니다.

자주 묻는 질문

이 페이지의 미리보기 값 숙박. 제출은 로컬 유효성 만 실행됩니다.

양식 사양

form-specification.json
{
  "name": "Contact request",
  "fields": [
    {
      "name": "email",
      "label": "Email address",
      "type": "email",
      "required": true,
      "maxLength": 254,
      "errorMessage": "Enter a valid email address."
    },
    {
      "name": "reason",
      "label": "What can we help with?",
      "type": "select",
      "required": true,
      "options": [
        "General question",
        "Billing",
        "Other"
      ],
      "errorMessage": "Choose a reason."
    },
    {
      "name": "message",
      "label": "Tell us more",
      "type": "textarea",
      "required": true,
      "minLength": 10,
      "maxLength": 2000,
      "visibleWhen": {
        "field": "reason",
        "equals": "Other"
      },
      "errorMessage": "Write between 10 and 2000 characters."
    }
  ]
}
단어 수: 82상세 정보 ↑

내보내기 텍스트는 영어로 유지되며, 입력한 내용은 그대로 보존됩니다.

가입 없음. AI 크레딧 없음. 이 도구는 브라우저에서 출력을 조립합니다.

뭔가 유용한 아이디어에서.

  1. 01

    양식 필드를 추가하고 이름을 지정합니다.

  2. 02

    검증, 선택 및 선택적 가시 조건을 설정합니다.

  3. 03

    라이브 양식 미리보기를 검토하고 사양을 수출합니다.

약간의 맥락.

양식 사양은 각 필드가 수락하고 나타나는 경우를 기록합니다. 이 도구는 일반 지원 HTML 필드 유형, 필수 필드, 텍스트 길이 제한 및 필드 당 단일 평등 기반 가시 조건. 미리보기는 로컬 클라이언트 검증을 실행; 서버 측 검증 및 저장은 구현 작업을 유지.

좋은 질문.

미리보기가 데이터를 제출할 수 있습니까?

아니요.미리보기 제출은 로컬에서만 유효하며 로컬 확인을 보여줍니다. 아무것도 저장하거나 보내지 않습니다.

복잡한 조건 논리를 만들 수 있습니까?

각 분야는 이전 분야에 1개의 평등 상태를 지원합니다. 이 조건을 예측하고 원형 가시 규칙을 피합니다.

모든 도구