我正在使用 django-uni-form 来显示表单。我已经在页面中包含了所有的 css 和 javascript(尤其是 jquery)。但是现在我得到了一些看起来很奇怪的线条。下图显示了它的外观:
http://i243.photobucket.com/albums/ff176/cwalkrox/uni-form1.jpg
您可以注意到,对于用户名和电子邮件地址,线条与文本输入的上方对齐,而对于两个密码,线条位于密码输入的下方。在 uni-form 的官方网站上,我看不到 3 个示例中的任何一行。即使它给我一些线条,它应该是一致的吗?
所以奇怪的故事并不止于此。 jquery 可以突出显示选定的输入。但它突出显示用户名、电子邮件和密码的方式仍然不一致。以下图片证明了这一点:
i243.photobucket.com/albums/ff176/cwalkrox/uni-form2.jpg
i243.photobucket.com/albums/ff176/cwalkrox/uni-form3.jpg
所以每一个问题似乎都源于神秘的线条。那么这是怎么发生的呢?
顺便说一句,我给你看的页面是用django-registration的形式呈现的。渲染片段是:
<form action="" method="post" class="uniForm">
<fieldset>
{{ form|as_uni_form }}
</fieldset>
</form>
请您参考如下方法:
这些行是由于 django-uniform 中包含的 css 文件:uni-form.css、uni-form-generic.css 和 uni-form.jquery.css。
这看起来很奇怪,但至少在我的情况下(一个 pinax 元素)没有提供的 css 表单看起来更好。
我的 2 美分
