如下form组件实现的注册代码,将以此实例进行讲解:
html文件:
<form class="form-horizontal" style="margin-top: 100px" action="{{ request.get_full_path }}" method="post">
{% csrf_token %}
<div class="form-group">
<label for="username" class="col-sm-2 control-label col-sm-offset-2"><span class="important">*</span>用户名:</label>
<div class="col-sm-4">
{{ register_form.username }}<span class="error">{{ errors.username.0 }}</span>
</div>
</div>
<div class="form-group">
<label for="useremail" class="col-sm-2 control-label col-sm-offset-2"><span class="important">*</span>设置邮箱:</label>
<div class="col-sm-4">
{{ register_form.useremail }}<span class="error">{{ errors.useremail.0 }}</span>
</div>
</div>
<div class="form-group">
<label for="userpswd1" class="col-sm-2 control-label col-sm-offset-2"><span class="important">*</span>设置密码:</label>
<div class="col-sm-4">
{{ register_form.userpswd1 }}<span class="error">{{ errors.userpswd1.0 }}</span>
</div>
</div>
<div class="form-group">
<label for="userpswd2" class="col-sm-2 control-label col-sm-offset-2"><span class="important">*</span>确认密码:</label>
<div class="col-sm-4">
{{ register_form.userpswd2 }}<span class="error">{{ errors.userpswd2.0 }}</span><span class="error">{{ error_all.0}}</span>
</div>
</div>
<div class="form-group">
<label for="usergender" class="col-sm-2 control-label col-sm-offset-2"><span class="important">*</span>性别:</label>
<div class="col-sm-1">
{{ register_form.usergender }}
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-4 col-sm-4">
<input type="submit" class="btn btn-success btn-lg btn-block" value="确定">
</div>
</div>
</form><fo