我想补充<i class="fas fa-coffee"></I>
到 html 文件(在表单中的项目旁边,即名字):
<div>
{% from "_formhelpers.html" import render_field %}
<form method="post" enctype="multipart/form-data">
<div class = "container">
<div class = "row">
<div class="col-md-5 col-md-12 align-self-center">
<div class="card">
<div class="card-header">
Register
</div>
<div class="card-body" style="color: white;">
<div>
{{ form.hidden_tag()}}
{{ render_field(form.fname, class="form-control")}}
{{ render_field(form.lname, class="form-control")}}
{{ render_field(form.email, class="form-control")}}
{{ render_field(form.phoneno, class="form-control")}}
{{ render_field(form.password, class="form-control")}}
{{ render_field(form.confirm_password, class="form-control")}}
{{ render_field(form.account_type, class="form-control")}}
{{ render_field(form.submit, class="btn btn-primary-register")}}
</div>
<p>Already have an account? <a href="{{ url_for('auth.login')}}">Login</a></p>
<p>Back to <a href = "{{ url_for('index')}}">Home</a></p>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
问题是,当我将它添加到项目旁边时,即
<i class="fas fa-coffee"></I>{{ render_field(form.fname, class="form-control")}}
ocicon 出现在名称的顶部而不是旁边。这可能是一个基本问题,但我对自己做错了什么有点迷茫。任何帮助,将不胜感激。谢谢!