-2

誰でも同じページで2列のフォームを垂直に作成するのを手伝ってもらえますか.私はコーディングも添付しました.私の問題は、form.pyで2つのフォームを記述する方法と、テンプレート(login.html)で変更を行う方法です. 2つのフォームを2つの列に表示するには??助けてください..よろしくお願いします!

class Login(AuthenticationForm):

    region = forms.ChoiceField(label=_("Region"), required=False)

    username = forms.CharField(label=_("User Name"))
    password = forms.CharField(l![enter image description here][2]abel=_("Password"),
                               widget=forms.PasswordInput(render_value=False))
    t= [('http:google.com','Google'),('http://kent.com','University of Kent')]
    FederatedLogin = forms.ChoiceField(label= _("Select one of the third party "),choices= t)
    tenant = forms.CharField(required=False, widget=forms.HiddenInput())


login.html



{% extends "horizon/common/_modal_form.html" %}

{% load i18n %}
{% load url from future %}

{% block modal-header %}
{% trans "Log In" %}
{% endblock %}
{% block modal_class %}
login 
{% if hide %}
modal hide
{% endif %}
{% endblock %}

{% block form_action %}{% url 'login' %}{% endblock %}
{% block autocomplete %}{{ HORIZON_CONFIG.password_autocomplete }}{% endblock %}

{% block modal-body %}
  <fieldset>
    {% if request.user.is_authenticated and 'next' in request.GET %}
    <div class="control-group clearfix error">
      <span class="help-inline"><p>{% trans "You don't have permissions to access:" %}</p>
        <p><b>{{ request.GET.next }}</b></p>
        <p>{% trans "Login as different user or go back to" %}
        <a href="{% url 'horizon:user_home' %}">{% trans "home page" %}</a></p>
      </span>
    </div>
    {% endif %}
    {% if next %}<input type="hidden" name="{{ redirect_field_name }}" value="{{ next }}" />{% endif %}
    {% include "horizon/common/_form_fields.html" %}
  </fieldset>
{% endblock %}


{% block modal-footer %}
  <button type="submit" class="btn btn-primary pull-right">{% trans "Sign In" %}</button>

{% endblock %}
4

1 に答える 1

0

私はPythonでコーディングしていませんが、これはcssの回答のある質問のように聞こえます. 各フォームを独自の DIV に配置し、css float を「左」に設定してクラスをそれぞれ (2 つの異なるまたは 1 つ、共有) に割り当てる場合、それらは互いに隣り合わせに配置する必要があります。

注意すべき点が 2 つあります。いずれかの DIV が広すぎると、2 番目のフォームが最初のフォームの右側に引っ張られません。おそらく、% 値幅でフォーマットすると、そのオプションから保護されます。次に、2 番目のフォームの後の DOM 内の次のオブジェクトで float を明示的に none に設定する必要がある場合があります。その「リセット」が CSS3 で不要になったかどうかはわかりません。

于 2013-08-03T03:05:12.360 に答える