CMS:テキスト入力を追加・設定する

読了時間:3分
ユーザーからメールアドレスや電話番号などの一般的なデータを収集する、テキスト入力要素、テキストボックス要素、またはリッチテキストボックス要素を追加しします。
フォームのテキスト入力

ステップ 1 | テキスト要素を追加・設定する

  1. エディタで「追加」パネルを開きます。
    • Wix エディタ:エディタ左側で「追加 をクリックします。
    • Editor X:Editor X 上部にある「追加 をクリックします。
  2. 入力欄」をクリックします。
  3. 選択したテキスト入力をクリックしてドラッグします。
  4. 設定」をクリックします。
  5. タイプ」で、ドロップダウンから次のオプションのいずれかを選択します。
    • テキスト
    • パスワード
    • メールアドレス
    • URL
    • 電話番号
  6. (オプション)サイトにタイトルを表示するには、「入力フィールドのタイトルを表示」スイッチをクリックします。
    • 項目タイトル」フィールドをクリックし、デフォルトテキストを変更します。
  7. テキスト設定」で、読み込み時のテキスト入力の外観をカスタマイズします。
    • なし:フィールドは空です。
    • プレースホルダーテキスト: ユーザーが入力を開始するまで、フィールドにはこのテキストが表示されます。
      • プレースホルダーテキストを入力します。
    • 初期テキスト: フィールドには、デフォルトの応答として初期値が表示されます。
      • 初期テキストを入力します。
    • 初期テキストの後にプレースホルダーテキスト: フィールドには初期値が表示されます。値を消去すると、プレースホルダーテキストが表示されます。
      • プレースホルダーテキストを入力します。
      • 初期テキストを入力します。
  8. 一般設定」で、フィールドを必須および読み取り専用にするかどうかを選択します。
    • 必須:ユーザーは提出前にテキスト入力に値を入力する必要があります。
    • 読み取り専用:ユーザーはフィールドの値を変更できません。 例えば、計算値の表示に読み取り専用フィールドを使用できます。
  9. 文字数を制限」トグルをクリックして、テキスト入力の文字数制限を設定します。  
  10. 正規表現を追加」トグルをクリックして、フィールドが検証されるたびに、正規表現(regex)を有効にして追加の基準を適用します。編集ボックスを使用して、正規表現を入力するか、編集します。

ステップ 2 | テキスト入力要素をコレクションに接続する

入力要素をデータセットに接続すると、ユーザー入力をキャプチャしてコレクションに保存するか、または既存のデータを編集できます。
新しいデータセット
Wix Studio では、データセットを右側の要素設定パネルに移動させ、より使いやすくしました。Wix Studio の新しいデータセットについてはこちら
  1. CMS に接続」アイコン  (Editor X の場合  )をクリックします。
  2. データセットを接続 」をクリックし、ドロップダウンリストからデータセットを選択します。
  3. 値の接続先」をクリックします:
    • コレクション内の既存の項目を選択します。
    • 新しいフィールドを追加」をクリックしてコレクション内に新しい項目を作成します。
      • 項目名を入力します。
      • フィールドタイプを入力します。
ヒント:
ユーザーデータをコレクションに保存するには、送信ボタンをページに追加する必要があります。

お役に立ちましたか?

|