Html 将提交按钮和输入文本放在同一行

我用的是Django和

HTML:

电子邮件
提交

如何将提交按钮放在文本输入旁边？

---

我重复一遍，我使用的是DJANGO。

您可以绝对定位按钮。我将输入更改为具有响应宽度，但如果它是一个设置的宽度，则对您来说更容易。向左：无论输入+标签的宽度是多少，都要加上一点额外的边距

表单按钮{
位置：绝对位置；
左：80%；
排名：0；
}
#id_电子邮件{
宽度：60%；
}

电子邮件
提交

我想您可以在

行上使用
float:left
或
display:inline block
（仅选择表单中的特定行）。他们两个都工作

请参见下面带有
display:inline块的代码段


form>input+.row{
显示：内联块
}

电子邮件
提交
我不确定你到底想把它放在哪里，但你可以利用边距


.row{
显示：内联块；
}

电子邮件
提交
只需以下内容：

<div>
<form method='POST' action='' >
    <input type='hidden' name='csrfmiddlewaretoken' value='some value' />
    <div class="row">
        <div class="input-field col s12 required" id="id_email_container">
            <label for="id_email">Email</label>
            <input id="id_email" maxlength="254" name="email" type="email">
            <button type="submit" name="_submit" class="btn" value='Sign Up'>Submit</button>
        </div>
    </div>
</form>


电子邮件
提交


我所做的只是重新排列您所做的行。
对于现在搜索此项的任何人来说，如果您也在使用引导，有一个非常干净的解决方案可以在输入字段中附加一个按钮。在您的forms.py中：

from crispy_forms.helper import FormHelper
from crispy_forms.layout import Layout
from crispy_forms.bootstrap import FieldWithButtons, StrictButton
from django import forms

class FieldWithButtonForm(forms.Form):
    field_with_button = forms.CharField()
    
    def __init__(self, *args, **kwargs):
        super(FieldWithButtonForm, self).__init__(*args, **kwargs)
        self.helper = FormHelper()
        self.helper.layout = Layout(
            FieldWithButtons('field_with_button', StrictButton('Submit', type='submit', css_class='btn btn-primary'))

注意：如果您试图使用此控件提交表单，则必须显式设置type='submit'，否则按钮将呈现为type='button'

有关crispy layouts的更多信息
您是否可以更改此表单的布局，或者这是默认布局，您只能添加css？@PaigeMeinke这是默认布局。
from crispy_forms.helper import FormHelper
from crispy_forms.layout import Layout
from crispy_forms.bootstrap import FieldWithButtons, StrictButton
from django import forms

class FieldWithButtonForm(forms.Form):
    field_with_button = forms.CharField()
    
    def __init__(self, *args, **kwargs):
        super(FieldWithButtonForm, self).__init__(*args, **kwargs)
        self.helper = FormHelper()
        self.helper.layout = Layout(
            FieldWithButtons('field_with_button', StrictButton('Submit', type='submit', css_class='btn btn-primary'))