shopify-customer-register

{% form 'create_customer' %}

{{ form.errors | default_errors }}
<!-- デフォルトの入力フィールド -->
<label for="LastName" class="label--hidden">{{ 'customer.register.last_name' | t }}</label>
<input type="text" name="customer[last_name]" id="LastName" placeholder="{{ 'customer.register.last_name' | t }}"
  {% if form.last_name %}value="{{ form.last_name }}" {% endif %} autocapitalize="words">
  
<label for="FirstName" class="label--hidden">{{ 'customer.register.first_name' | t }}</label>
<input type="text" name="customer[first_name]" id="FirstName" placeholder="{{ 'customer.register.first_name' | t }}"
  {% if form.first_name %}value="{{ form.first_name }}" {% endif %} autocapitalize="words" autofocus>

<label for="Email" class="label--hidden">{{ 'customer.register.email' | t }}</label>
<input type="email" name="customer[email]" id="Email"
  class="{% if form.errors contains 'email' %} input--error{% endif %}"
  placeholder="{{ 'customer.register.email' | t }}" {% if form.email %} value="{{ form.email }}" {% endif %}
  autocorrect="off" autocapitalize="off">

<label for="CreatePassword" class="label--hidden">{{ 'customer.register.password' | t }}</label>
<input type="password" name="customer[password]" id="CreatePassword"
  class="{% if form.errors contains 'password' %} input--error{% endif %}"
  placeholder="{{ 'customer.register.password' | t }}">
<!--//End デフォルトの入力フィールド -->

<!-- 生年月日の取得 -->
<label for="birthday" class="label">お誕生日</label>
<input type="date" value="" name="customer[note][誕生日]" id="birthday">
<!--//End 生年月日の取得 -->

<!-- 性別の取得 -->
<div class="field-radio">
  <label for="gender" class="label">性別</label>
  <input type="radio" value="男性" name="customer[note][性別]" id="gender">男性
  <input type="radio" value="女性" name="customer[note][性別]" id="gender">女性
</div>
<!--//End 性別の取得 -->

<!-- 好きな色の取得 -->
<label for="color" class="label">好きな色を選んでください</label>
<select id="color" name="customer[note][好きな色]">
  <option>青</option>
  <option>赤</option>
  <option>黄色</option>
  <option>緑</option>
  <option>紫</option>
  <option>黒</option>
  <option>灰色</option>
  <option>その他</option>
</select>
<!--//End 好きな色の取得 -->

<!-- インタビューの可否取得 -->
<div class="field-checkbox">
  <label for="interview" class="label">インタビューをさせて頂いてもよろしいでしょうか？</label>
  <input type="checkbox" value="可能" name="customer[note][インタビュー可否]" id="interview"> インタビュー可能
</div>
<!--//End インタビューの可否取得 -->

<!-- コメントの取得 -->
<label for="comment" class="label--hidden">スタッフへのコメント</label>
<input type="text" name="customer[note][コメント]" id="comment" placeholder="スタッフへのコメント">
<!--//End コメントの取得 -->

<p>
  <input type="submit" value="{{ 'customer.register.submit' | t }}" class="btn">
</p>

{% endform %}