阅读背景:

python之路_django中form组件

来源:互联网 

 如下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



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: