CMS: 텍스트 입력 추가 및 설정하기
2 분 분량
텍스트 입력, 텍스트 상자 또는 리치 텍스트 상자 요소를 추가해 이메일, 전화번호 등 사용자로부터 일반적인 데이터를 수집하세요. 텍스트 요소를 컬렉션에 연결하면 수집한 정보를 저장하고 언제든지 액세스할 수 있습니다.
1 단계 | 텍스트 입력 요소 추가 및 설정하기
- 에디터에서 추가 패널을 엽니다.
- Wix 에디터: 에디터 왼쪽에서 요소 추가
를 클릭합니다. - 에디터 X: 에디터 X 상단에서 추가
를 클릭합니다.
- Wix 에디터: 에디터 왼쪽에서 요소 추가
- 입력 요소를 클릭합니다.
- 텍스트 요소를 클릭해 사이트로 끌어다 놓습니다.
- 설정을 클릭합니다.
- 유형 드롭다운에서 다음 옵션 중 하나를 선택합니다.
- 텍스트
- 비밀번호
- 이메일
- URL
- 전화번호
- (선택사항) 입력란 텍스트 표시 스위치를 클릭해 사이트에 제목을 표시합니다.
- 입력란 제목 입력란을 클릭해 기본 텍스트를 변경합니다.
- 텍스트 설정에서 텍스트 입력을 불러올 때 표시되는 방식을 사용자 지정합니다.
- 표시하지 않음: 입력란이 비어 있습니다.
- 플레이스홀더 텍스트: 사용자가 입력을 시작할 때까지 입력란에 텍스트가 표시됩니다.
- 플레이스홀더 텍스트를 입력합니다.
- 기본 텍스트: 이 입력란은 기본 값을 기본 응답으로 표시합니다.
- 기본 텍스트를 입력합니다.
- 기본 텍스트 → 플레이스홀더 텍스트: 입력란에 기본 값이 표시되고, 값이 지워지면 플레이스홀더 텍스트가 나타납니다.
- 플레이스홀더 텍스트를 입력합니다.
- 기본 텍스트를 입력합니다.
- 유효성 검증에서 입력란이 필수이고 읽기 전용인지 선택합니다.
- 필수 입력사항으로 지정: 제출하기 전에 사용자가 텍스트 입력에 값을 입력해야 합니다.
- 읽기전용으로 지정: 사용자가 입력란의 값을 변경할 수 없습니다.예를 들어, 읽기전용 입력란을 사용해 계산된 값을 표시할 수 있습니다.
- 글자 수 제한 설정 버튼을 클릭해 텍스트 입력의 글자 수 제한을 설정합니다.
- 패턴 유효성 검사 추가 버튼을 클릭해 정규식(regex)을 사용해 입력란의 유효성을 검사할 때마다 추가 기준을 적용합니다. 편집 상자를 사용해 정규식을 입력하고 편집합니다.
2 단계 | 텍스트 입력 요소를 컬렉션에 연결하기
입력 요소를 데이터세트에 연결해 사용자 입력을 수집해 컬렉션에 저장하거나 기존 데이터를 편집할 수 있습니다.
새로운 데이터세트 환경:
Wix Studio에서는 데이터세트를 오른쪽의 속성 패널로 이동해 더 쉽게 사용할 수 있도록 했습니다. Wix Studio의 새로운 데이터세트 환경에 대한 자세한 도움말을 확인하세요.
- 데이터 연결
아이콘을 클릭합니다(에디터 X의 경우 
). - 데이터 세트 연결을 클릭해 드롭다운 목록에서 데이터 세트를 선택합니다.
- 값 연결 대상을 클릭합니다.
- 컬렉션에서 기존 입력란을 선택합니다.
- 컬렉션 입력란 추가를 클릭해 컬렉션에 새 입력란을 생성합니다.
- 입력란 이름을 입력합니다.
- 입력란 유형을 입력합니다.
도움말:
사용자 데이터를 컬렉션에 저장하려면 제출 버튼을 페이지에 추가해야 합니다.
도움이 되었나요?
|