如何在Django的Bootstrap 5中使用FloatingField函数来输入电子邮件?

uplii1fm  于 2023-03-31  发布在  Go
关注(0)|答案(1)|浏览(141)

我有一个Django项目,我在Bootstrap 5版本中使用了脆的形式。

我有两个浮动的用户名和密码输入字段,但我还需要添加一个电子邮件输入。

FloatingField('username', css_class='shadow-none'),
FloatingField('password', css_class='shadow-none'),

我试图在GitHub仓库中搜索解决方案,但我找不到任何东西。我希望找到一些文档或如何将电子邮件输入添加到浮动字段布局的示例。
我的结论是,在向github仓库提交任何问题之前,最好在这里询问一下,所以我如何使用Bootstrap 5在Django crispy forms的浮动字段布局中添加电子邮件输入?

wfsdck30

wfsdck301#

好吧,有趣的是,在这个问题持续了两天之后,我在这篇文章发表半小时后才设法解决了它。多么有趣啊。
无论如何,要做到这一点,你可以在表单中的init函数上方使用这一段下面的代码片段:

email = forms.EmailField(widget=forms.EmailInput(attrs={'placeholder': 'Email'}))

然后,您可以将其与FloatingField布局一起使用,如下所示:

FloatingField('username', css_class='shadow-none'),
FloatingField('email', css_class='shadow-none'),
FloatingField('password', css_class='shadow-none'),

我希望这有帮助!

相关问题