pure & tornado -- form

時間 2019-11-16

標籤 pure tornado form 欄目 Python 简体版

原文原文鏈接

在工做中經常使用的幾個formcss

aligned-form & selecthtml

handler代碼 handlers/form.py
python

class MainHandler(tornado.web.RequestHandler):
    def get(self):
        # 表單模板測試
        self.render("form.html")
        
    def post(self):
        print self.request.arguments
        print self.get_argument("cb", "xx")

template模板 templates/form.htmlios

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>測試 pure form</title>
        <link rel="stylesheet" href="/static/css/pure/forms.css" />
    </head>
    <body>
        <form class="pure-form pure-form-aligned" method="post">
            <fieldset>
                <div class="pure-control-group">
                    <label for="name">Username</label>
                    <input id="name" name="name" type="text" placeholder="Username">
                </div>
        
                <div class="pure-control-group">
                    <label for="password">Password</label>
                    <input id="password" name="password" type="password" placeholder="Password">
                </div>
        
                <div class="pure-control-group">
                    <label for="email">Email Address</label>
                    <input id="email" name="email" type="email" placeholder="Email Address">
                </div>
        
                <div class="pure-control-group">
                    <label for="foo">Extra Label</label>
                    <input id="foo" name="foo" type="text" placeholder="Enter something here...">
                </div>
                
                <div class="pure-control-group">
                    <label for="state">State</label>
                    <select id="state" name="state">
                        <option>AL</option>
                        <option>CA</option>
                        <option>IL</option>
                    </select>
                </div>
                
                <div class="pure-controls">
                    <label for="cb" class="pure-checkbox">
                        <input id="cb" name="cb" type="checkbox"> I've read the terms and conditions
                    </label>
        
                    <button type="submit" class="pure-button pure-button-primary">Submit</button>
                </div>
            </fieldset>
        </form>
    </body>
</html>

注: 必須有name字段, tornado經過name識別參數的
web

效果圖tornado

checkbox & radiopost

handler代碼 handlers/form2.py測試

class MainHandler(tornado.web.RequestHandler):
    def get(self):
        # 表單模板測試
        self.render("form.html")
        
    def post(self):
        print self.request.arguments
        print self.get_argument("cb", "xx")

template模板 templates/form2.htmlthis

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>測試 pure form</title>
        <link rel="stylesheet" href="/static/css/pure/forms.css" />
    </head>
    <body>
        <form class="pure-form" method="post">
            <label for="option-one" class="pure-checkbox">
                <input id="option-one" name="cb" type="checkbox" value="cb1">
                Here's option one.
            </label>
        
            <label for="option-two" class="pure-radio">
                <input id="option-two" type="radio" name="optionsRadios" value="rd1" checked>
                Here's a radio button. You can choose this one..
            </label>
            <label for="option-three" class="pure-radio">
                <input id="option-three" type="radio" name="optionsRadios" value="rd2">
                ..Or this one!
            </label>

            <button type="submit" class="pure-button pure-button-primary">Submit</button>
        </form>
    </body>
</html>

注: radio box若是要互斥,name必須一致
spa

效果圖

1. pure & tornado -- button
2. pure & tornado -- 綜合
3. pure & tornado -- table
4. 翻譯：introduce to tornado - form and template
5. Tornado 自定義Form,session實現方法
6. Tornado
7. tornado
8. pure-ftp
9. Tornado-0五、tornado模版
10. tornado（五）
更多相關文章...
• ASP Form 集合 - ASP 教程
• ASP.NET Web Forms - HTML 表單 - ASP.NET 教程

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。