html - 以 web.py 形式使用 Bootstrap

  显示原文与译文双语对照的内容
0 0

我在备份中使用 web.py 来生成表单。 我也希望使用引导窗体类。 这是我的html中的一个 Fragment

 <form name="test" method="POST"> 
 $:form.render()
 <input type="submit" name="button" value="Login"/>
 </form>

当 web.py, 生成的时候

<form name="login" method="POST" class ="register"> 
<table>
 <tr><th><label for="username">Username:</label></th><td><input type="text" id="username" name="username"/></td></tr>
 <tr><th><label for="password">Password:</label></th><td><input type="password" id="password" name="password"/></td></tr>
 <tr><th><label for="password_again">Repeat your password:</label></th><td><input type="password" id="password_again" name="password_again"/></td></tr>
</table>
<input type="submit" value="Register"/>
</form>

但是,这使得在代码中添加 Bootstrap 功能变得很困难。 直接来自 Bootstrap 网站的一个示例是:

<form>
 <fieldset>
 <legend>Legend</legend>
 <label>Label name</label>
 <input type="text" placeholder="Type something…">
 <span class="help-block">Example block-level help text here.</span>
 <label class="checkbox">
 <input type="checkbox"> Check me out
 </label>
 <button type="submit" class="btn">Submit</button>
 </fieldset>
</form>

是否可以将这些功能添加到我的表单中?

时间:原作者:2个回答

0 0

使用 $:form.render_css()

原作者:
0 0

我使用修改的render_css 方法编写了从 Form 类继承的类。 它看起来像:

class bootstrap_form(form.Form):
def render_bootstrap(self):
 from web import net
 out = []
 out.append(self.rendernote(self.note))
 for i in self.inputs:
 out.append('<div class="form-group">')
 if not i.is_hidden():
 out.append('<label for="%s">%s</label>' % (i.id, net.websafe(i.description)))
 out.append(i.pre)
 out.append(i.render())
 out.append(self.rendernote(i.note))
 out.append(i.post)
 out.append('</div>')
 out.append('n')
 return ''.join(out) 

我希望你会发现。

原作者:
...