フォームデータが受信されていません

Question

フロントエンドでDjangoとBootstrapを使用して、1つのプロファイル編集モジュールを作成しています。

普通の形のDjangoは醜いので、私はフォーム上でcustimizingしました。ここにHTMLフォームがあります：

 <form actoin="{% url 'edit_profile' %}" method="post"> 
      {% csrf_token %} 

      <div class="form-group row"> 
       <label for="chineseName" class="col-sm-2 control-label">name</label> 
       <div class="col-sm-10"> 
        <input name="chinese_name" class="form-control" id="chineseName" placeholder="name" value="{{form.chinese_name.value}}"> 
       </div> 
      </div> 

      <div class="form-group row"> 
       <label for="gender" class="col-sm-2 control-label">gender</label> 
       <div class="col-sm-10"> 
        <label class="radio-inline"> 
         {% if form.gender.value == "M" %} 
         <input type="radio" name="gender" id="gender1" value="M" checked> Male 
         {% else %} 
         <input type="radio" name="gender" id="gender2" value="M"> Male 
         {% endif %} 
        </label> 
        <label class="radio-inline"> 
         {% if form.gender.value == "F" %} 
         <input type="radio" name="gender" id="gender1" value="F" checked> Female 
         {% else %} 
         <input type="radio" name="gender" id="gender2" value="F"> Female 
         {% endif %} 
        </label> 
       </div> 
      </div> 

      <div class="form-group row"> 
       <label for="age" class="col-sm-2 control-label">age</label> 
       <div class="col-sm-10"> 
        <input name="age" class="form-control" id="age" placeholder="年龄" value="{{form.age.value}}"> 
       </div> 
      </div> 
      <div class="form-group row"> 
       <label for="phone" class="col-sm-2 control-label">phone</label> 
       <div class="col-sm-10"> 
        <input name="phone" class="form-control" id="phone" placeholder="phone" value="{{form.phone.value}}"> 
       </div> 
      </div> 
      <div class="form-group row"> 
       <div class="col-sm-offset-2 col-sm-10"> 
        <button type="submit" class="btn btn-default col-xs-12" id="confirm" style="display:none;">confirm</button> 

       </div> 
      </div> 
     </form> 

何とかリクエストしてください。このフォームからデータを受信して​​いません。この長いHTMLスニペットを{{form}}に切り替えると、すべてがうまくいきます。

ビュー機能は正しいです。このテンプレートファイル、特にフォーム部分に問題はありますか？

Answer 1

あなたがModelFormを使用している場合は、たとえば、フォームクラスにCSSを追加する必要があります

self.fields['phone'].widget.attrs['placeholder'] = self.fields['phone'].label 

か、Formを使用している場合：

phone = forms.CharField(widget=forms.TextInput(attrs={'placeholder' : 'phone')) 

Answer 2

何も最初は順不同で見えませんが見てください。さらにデバッグする1つの方法は、フォームをインスタンス化して印刷することです。次に、すべて<form>タグと<input>タグを比較します。