전화 필드
정확하고 세련된 방식으로 전화번호를 수집하세요. 국제 형식부터 실시간 유효성 검사를 통한 자동 서식 지정, 사용자 지정 패턴, 모바일 최적화 키패드까지, 전화번호 입력란은 사용자 친화적인 입력 방식과 전문적인 서식 지정을 통해 정확한 전화번호 수집을 보장합니다.
자동 포맷 기능이 있는 스마트폰 모음
완벽하게 :
모든 사용 사례에 적합한 강력한 기능
🌍 다양한 휴대폰 포맷
네 가지 형식 옵션:
국제 형식 – 모든 국가의 전화 표준에 적응하는 유연한 형식입니다. +1 (123) 456-7890 또는 +44 1234 567890과 같은 다양한 국제 패턴을 허용합니다.
- 미국 형식 – (123) 456-7890 – 자동 괄호와 대시가 있는 표준 북미 형식.
- 영국 형식 – 01234 567890 – 지역 번호 뒤에 공백이 있는 영국 형식입니다.
- 사용자 지정 형식 – 숫자는 9를 사용하고 구분 기호는 기호를 사용하여 자신만의 패턴을 정의하세요(예: +99 999-999-9999).
형식이 중요한 이유:
- 제출물 전반에 걸쳐 일관성을 보장합니다.
- 데이터 품질과 가독성을 향상시킵니다.
- 지역별 사용자 기대치에 부합합니다
- 전화번호 유효성 검사를 간소화합니다.
스마트 플레이스홀더:
형식별 자리 표시자 텍스트가 자동으로 나타나 사용자가 예상되는 형식을 이해할 수 있도록 안내합니다.
⌨️ 입력하면서 서식을 지정하세요
실시간 자동 포맷
"입력하는 동안 서식 지정" 기능을 활성화하면 사용자가 숫자를 입력하는 동안 전화번호 서식이 자동으로 지정됩니다. 괄호, 공백 및 하이픈이 실시간으로 나타납니다.
그것은 작동하는 방법 :
- 사용자 입력: 1234567890
- 현장 전시: (123) 456-7890 (미국 형식)
- 제출 시 올바르게 형식화된 숫자가 표시됩니다.
이점:
- 즉각적인 시각적 피드백
- 사용자는 올바른 형식을 즉시 확인할 수 있습니다.
- 입력 오류를 줄입니다
- 전문적인 사용자 경험
- 제출 후 별도의 서식 지정이 필요하지 않습니다.
형식 예시:
- 미국: (123) 456-7890 입력하는 동안 형식이 지정됩니다.
- 영국: 01234 567890 (공백 포함 형식)
- 사용자 지정: 사용자가 정의한 패턴을 따릅니다.
📱 모바일 최적화 입력
- 모바일 기기의 숫자 키패드
- 전화 입력란은 모바일 기기에서 숫자 키패드를 자동으로 활성화합니다. 사용자는 일반 QWERTY 키보드 대신 휴대폰에 최적화된 키보드를 사용하게 됩니다.
- 이것이 중요한 이유 :
- 모바일에서 더 빠른 전화번호 입력
- 오타를 줄여줍니다
- 더 나은 모바일 사용자 경험
- 기본 휴대폰 앱과 호환됩니다.
- 터치 정확도를 높이기 위한 더 큰 숫자 키
장치 간 호환성:
iOS, Android 및 숫자 키보드를 기본적으로 지원하는 모든 모바일 브라우저에서 완벽하게 작동합니다.
🎯 사용자 지정 형식 패턴
원하는 형식을 정의하세요
포함되지 않은 형식이 필요하신가요? 간단한 표기법을 사용하여 사용자 지정 패턴을 만드세요.
패턴 구문:
- 숫자 대신 `9`를 사용하세요.
- 기호(괄호, 하이픈, 공백, 점)를 구분 기호로 사용하세요.
- 예시: `(999) 999-9999`는 `(123) 456-7890`이 됩니다.
일반적인 사용자 지정 패턴:
- 호주: `99 9999 9999` → `02 1234 5678`
- 독일: `+49 999 999 9999` → `+49 123 456 7890`
- 일본: `999-9999-9999` → `123-4567-8901`
- 모든 국가: 정확한 형식을 지정하세요
실시간 미리보기:
사용자가 보기 전에 예시 전화번호를 통해 사용자 지정 형식이 어떻게 표시되는지 확인하세요.
📏 길이 유효성 검사
최소 및 최대 길이 제어
허용되는 최소 및 최대 자릿수를 설정하세요. 내장된 브라우저 유효성 검사 기능을 통해 전화번호가 요구 사항을 충족하는지 확인하세요.
스마트 숫자 세기:
길이 유효성 검사는 괄호, 공백, 하이픈과 같은 서식 문자를 무시하고 숫자만 계산합니다.
예 :
- 미국 휴대전화: 최소 10자리, 최대 10자리 (정확히 10자리)
- 국제: 최소 7명, 최대 15명 (대부분의 국가 포함)
- 지역번호: 최소 7자리, 최대 7자리 (7자리 지역번호)
- 유연함: 최소 10개, 최대 15개 (다양한 형식)
실시간 검증:
전화번호가 너무 짧거나 너무 길 경우 시각적인 피드백이 표시되어 잘못된 제출을 방지합니다.
✅ 기본 전화번호
전화번호 입력란 미리 채우기
폼이 로드될 때 표시될 기본 전화번호를 설정합니다. 고객 지원, 본사 번호 또는 자주 연락하는 담당자에게 유용합니다.
사용 사례:
- 콜백 요청을 위한 고객 지원 핫라인 번호를 미리 입력하세요.
- 예시로 본사 번호를 보여주세요.
- 지역별 양식에 대한 기본 지역 코드를 설정합니다.
- 데이터베이스에서 알려진 사용자의 전화번호를 미리 입력합니다.
편집 가능한 기본값:
사용자는 기본값을 쉽게 편집하거나 교체할 수 있습니다. 기본값은 시작점일 뿐 고정된 값이 아닙니다.
🙈 숨겨진 필드 모드
보이지 않는 휴대폰 저장 공간
사용자에게는 보이지 않지만 양식 제출 시 데이터가 전송되는 숨겨진 전화번호 입력란을 만드세요. 추적, 시스템 번호 또는 백엔드 값 관리에 적합합니다.
사용 사례:
- 저장 시스템 콜백 번호
- 트랙 지원 라인 식별자
- 부서별 확장 기능을 포함하세요
- 숨겨진 연락처 메타데이터
그것은 작동하는 방법 :
"숨겨진 값"을 설정하면 해당 값이 양식 제출 시 자동으로 포함되지만 양식 사용자 인터페이스에는 표시되지 않습니다.
🔀 조건 논리
동적 전화 필드 가시성
다른 양식 값에 따라 전화번호 입력란을 표시하거나 숨길 수 있습니다. 사용자의 선택에 따라 자동으로 조정되는 지능형 양식을 만들어 보세요.
고급 논리 규칙:
- AND 논리 – 모든 조건이 충족되어야 합니다
- OR 논리 – 어떤 조건이든 해당 동작을 트리거할 수 있습니다.
- 8가지 연산자 - 같음, 같지 않음, 보다 큼, 보다 작음, 포함, 비어 있음 등
사용 사례:
- 연락처 기본 설정이 "전화"인 경우에만 "휴대폰 번호"를 표시합니다.
- 사용자 유형이 "업무용"일 경우 "대체 전화번호"를 표시합니다.
- 사무실 위치가 선택되지 않은 경우 "사무실 내선 번호"를 숨깁니다.
- 참가자 유형이 "미성년자"인 경우 "긴급 연락처"를 표시합니다.
🎯 향상된 사용자 경험
내장된 스마트 기능:
- 전화 입력 유형 – 모바일 기기에서 숫자 키패드를 활성화합니다.
- 자동 완성 지원 – 브라우저에서 저장된 전화번호를 제안할 수 있습니다.
- 실시간 서식 지정 – 입력하는 동안 서식이 나타나는 것을 확인할 수 있습니다(선택 사항).
- 형식 유효성 검사 – 숫자가 예상되는 패턴과 일치하는지 확인합니다.
- 필수 입력 사항 - 전화번호 입력을 필수로 하고 명확한 오류 메시지를 표시하세요.
- 플레이스홀더 예시 – 사용자가 입력하기 전에 서식 힌트를 표시합니다.
- 도움말 텍스트 지원 - 필요한 휴대폰 유형을 명확히 하기 위한 설명 추가
- 사용자 지정 CSS 클래스 – 브랜드에 맞춰 사용자 지정 스타일을 적용하세요
- 접근성 지원 - ARIA 라벨 및 화면 낭독기 호환
간단한 3단계 설정
몇 분 만에 전화 상담 시스템을 준비하세요
전화번호 입력란을 추가하세요
기본 필드 섹션에서 전화번호 필드를 드래그하여 양식에 놓으세요.
형식 선택
전화 형식(국제, 미국, 영국 또는 사용자 지정)을 선택하세요. 사용자 지정 형식을 선택하려면 숫자에 9를 사용하여 패턴을 정의하세요.
옵션 구성
실시간 서식 지정을 위해 "입력하는 동안 서식 지정"을 활성화하고, 최소/최대 길이 유효성 검사를 설정하고, 선택적으로 기본 전화번호를 추가할 수 있습니다.
🎉 이제 끝입니다! 스마트 서식 및 유효성 검사가 적용된 전화번호 입력란이 준비되었습니다.
실제 애플리케이션
문의 양식
* 주요 연락처
* 대체 전화번호
* 사무실 및 휴대전화 번호
* 비상 연락처 입력란
예약 시스템
* 예약 확인 번호
* 예약 문의 연락처
* 콜백 요청 번호
* SMS 알림 번호
이커머스
* 주문 연락처
* 배달 전화번호
* 고객 서비스 콜백
* 주문 상태 알림
비즈니스 응용 프로그램
* 잠재 고객 확보용 전화번호
* 판매 문의 연락처
* 파트너십 신청
* 공급업체 연락처 정보
의료 및 서비스
* 환자 연락처
* 비상 연락처 정보
* 예약 알림
* 서비스 콜백 요청
교육 및 등록
* 학생 연락처 정보
* 부모/보호자 번호
* 비상 연락처
* 강좌 문의 회신 전화
필드 옵션 완료
기본 구성
- 필드 레이블 – 전화번호 입력란 위에 표시되는 제목입니다.
- 설명/도움말 텍스트 – 사용자를 위한 추가 안내
- 필수 입력 항목 - 전화번호 입력을 필수로 설정
- 자리 표시자 텍스트 – 사용자 지정 힌트 텍스트(비어 있을 경우 형식에서 자동 생성됨)
전화 형식
- 전화번호는 어떤 형식이어야 할까요?
- 국제 규격 (국가별로 상이함)
- 미국 형식: (123) 456-7890
- 영국 전화번호: 01234 567890
- 사용자 지정 형식(직접 정의)
사용자 정의 형식 패턴
- 사용자 지정 형식 – 숫자에 9를 사용하여 패턴을 정의합니다(사용자 지정이 선택된 경우 표시됨).
- 예시: `(999) 999-9999`는 `(123) 456-7890`을 생성합니다.
- 구분 기호로는 괄호, 하이픈, 공백, 마침표를 사용하세요.
서식 옵션
입력과 동시에 서식 지정 – 입력하는 동안 괄호, 공백, 하이픈이 자동으로 추가됩니다.
기본값
기본값 – 양식이 로드될 때 미리 채워진 전화번호
길이 검증
- 최소 자릿수 – 필요한 최소 숫자 개수(0~20자)
- 최대 길이 – 허용되는 최대 자릿수(0~20자)
형식 미리보기
예시 형식 – 선택한 형식으로 전화번호가 어떻게 표시되는지 미리 보기로 보여줍니다.
조건부 논리
- 조건부 로직 활성화 - 조건에 따라 표시/숨기기
- 논리 유형
- 모든 조건이 충족되어야 합니다(AND)
- 어떤 조건이든 충족될 수 있습니다(또는)
- 조건 규칙
- 표시/숨기기 – 취할 조치
- 필드 – 어떤 필드를 선택할지
- 연산자 – 같음, 같지 않음, 포함, 보다 큼, 보다 작음, 비어 있음, 비어 있지 않음
- 가치 – 비교 가치
- 다중 조건 – 규칙을 무제한으로 추가 가능
고급 옵션
- 숨김 필드 모드 - 필드를 보이지 않게 하지만 제출 값에는 값을 포함합니다.
- 사용자 지정 CSS 클래스 – 사용자 지정 스타일 적용
- 접근성 속성 – ARIA 레이블 및 설명
- 자동 완성 - 브라우저에서 전화번호 제안 기능을 활성화하세요
왜 저희 전화 상담 서비스를 선택해야 할까요?
✅ 유연한 형식 – 국제, 미국, 영국 또는 맞춤 패턴
✅ 자동 포맷 – 사용자가 입력하는 동안 실시간으로 서식이 지정됩니다.
✅ 모바일 최적화 모바일 기기의 숫자 키패드
✅ 스마트 검증 - 자릿수 계산을 통한 최소/최대 길이
✅ 사용자 정의 패턴 – 모든 국가에 대해 원하는 형식을 정의할 수 있습니다.
✅ 사용하기 쉬운 – 형식 예시 및 유용한 자리 표시자
✅ 깨끗한 데이터 – 제출물 전반에 걸쳐 일관된 형식 유지
✅ 전문 서비스 - 세련된 외관은 기대에 부응합니다.
✅ 완전 통합 – 모든 폼 기능과 완벽하게 호환됩니다
자주 묻는 질문
질문: 휴대폰 화면 형식 간의 차이점은 무엇인가요?
국제 형식은 국가 코드를 사용하여 다양한 형식을 허용합니다. 미국 형식은 (123) 456-7890입니다. 영국 형식은 01234 567890입니다. 사용자 지정을 사용하면 숫자에 9를 사용하여 자신만의 패턴을 만들 수 있습니다.
질문: "입력하는 동안 서식 지정"은 어떻게 작동하나요?
사용자가 숫자를 입력하면 필드에 서식 기호가 자동으로 삽입됩니다. 1234567890을 입력하면 즉시 (123) 456-7890이 됩니다.
질문: 국제 전화번호를 수집할 수 있나요?
예. +1, +44, +91 등과 같은 국가 코드가 포함된 번호를 사용하려면 국제 형식을 선택하세요.
질문: 사용자 지정 서식 패턴은 어떤 기능을 하나요?
이는 전화번호의 정확한 구조를 정의합니다. 필수 숫자에는 9를 사용하고 공백이나 하이픈과 같은 기호를 추가하세요.
Q: 길이 유효성 검사는 어떻게 작동하나요?
최소 및 최대 길이 설정은 서식이 아닌 숫자만 계산합니다. 최소값 10과 최대값 10으로 설정하면 사용자는 정확히 10자리 숫자를 입력해야 합니다.
질문: 텍스트 입력란 대신 전화번호 입력란을 사용하는 이유는 무엇인가요?
이 기능은 모바일 숫자 키보드를 활성화하고, 자동 서식 지정을 지원하며, 구조의 유효성을 검사하고, 저장된 숫자에 대해 브라우저 자동 완성 기능을 제공합니다.
질문: 사용자가 자동 생성된 전화번호를 수정할 수 있나요?
네. 사용자는 자유롭게 숫자를 추가하거나 삭제할 수 있으며 서식은 자동으로 조정됩니다.
질문: 서식 기능을 비활성화하면 어떻게 되나요?
사용자는 자동 서식 지정 없이 일반 숫자를 입력하지만, 자리 표시자와 길이 유효성 검사를 통해 올바른 입력을 안내합니다.
질문: 특정 전화 패턴을 검증할 수 있나요?
예. 사용자 지정 형식과 최소/최대 자릿수 제한을 결합하여 모든 지역 표준을 충족할 수 있습니다.
질문: 이 기능은 WhatsApp이나 SMS 링크에서도 작동하나요?
네. 제출된 번호는 알림에 클릭 가능한 WhatsApp 또는 SMS 링크를 생성하는 데 사용될 수 있습니다.
질문: 국가별로 다른 휴대폰 화면 형식을 표시할 수 있나요?
예. 선택한 국가에 따라 형식을 표시하도록 조건부 논리를 사용하세요.
질문: 내 국가의 형식이 목록에 없으면 어떻게 해야 하나요?
사용자 지정 서식을 사용하여 직접 만들어 보세요. 숫자 자리 표시자로 9를 사용하고 최종 모양을 실시간으로 미리 볼 수 있습니다.
