对于烧瓶，我如何设置自定义输入的值，但不能获取占位符？

Posted 2023-03-22

【中文标题】对于烧瓶，我如何设置自定义输入的值，但不能获取占位符？

【英文标题】：For flask how can I set the value for a custom input, but not get placeholder?

【发布时间】：2021-11-30 14:39:42

【问题描述】：

对于我的烧瓶和引导登录，当我设置值时，它将占位符更改为<input id=，以及一个随机密码。此外，按钮文本包括

app.py：

class LoginForm(FlaskForm):
    username = StringField(validators=[InputRequired(), Length(
        min=4, max=20)], render_kw="placeholder": "Username")
    
    password = PasswordField (validators=[InputRequired(), Length(
        min=4, max=20)], render_kw="placeholder": "Password")

@app.route('/login/', methods=['GET', 'POST'])
def login():
    form = LoginForm()
    if form.validate_on_submit():
        user = User.query.filter_by(username=form.username.data).first()
        if user:
            if bycrypt.check_password_hash(user.password, form.password.data):
                login_user(user)
                print('Logged in')
                return redirect(url_for('sucess'))
    return render_template('login.html', form=form)

登录.html

        <form method="POST">
         form.hidden_tag() 
        <h1 class="h3 mb-3 fw-normal text-center text-white">Please sign in</h1>

        <div class="form-floating">
            <input class="form-control" placeholder="[e-mail]" value="form.username">
            <label for="floatingInput">Email address</label>
        </div>
        <br>
        <div class="form-floating">
            <input type="password" class="form-control" id="floatingPassword" placeholder="Password" value="form.password">
            <label for="floatingPassword">Password</label>
        </div>
        <br>
        <button class="w-100 btn btn-lg btn-warning" type="submit" value="form.submit">Sign in</button>
        <p class="mt-5 mb-3 text-muted">&copy; 2017–2021</p>
    </form>

【参考方案1】：

尝试在电子邮件输入中添加“ type='text'”

【讨论】：

HTML 的<input> 元素defaults to type="text" if no type="" attribute is specified，所以你的建议实际上不会做任何事情。但更好的主意是<input type="email" />。