调整form的输出格式：

　　默认情况下form的格式化输出是基本table的样式的、但是django中还是为form提供发别的输出样式

　　1、默认的table样式输出

<html>

    <head>

        <title>your name</title>

        <meta charset="utf8"/>

    </head>

    <body>

        <form action={% url 'your-name' %} method="POST">

            {% csrf_token %}

            {{ form }} <!-- 这里采用的是django的默认输出方式 -->

            <input type="submit" value="submit">

        </form>

    </body>

</html>
<html>

    <head>

        <title>your name</title>

        <meta charset="utf8"/>

    </head>

    <body>

        <form action=/app01/yourname method="POST">

            <input type='hidden' name='csrfmiddlewaretoken' value='gR8rgaARcg8F3GWX4igz8xE6EXTrdyr8QoVJpZVrG9Cc3ibgvz9FioIfPNTRUh59' />

            <tr><th><label for="id_your_name">Your name:</label></th><td><input type="text" name="your_name" maxlength="100" required id="id_your_name" /></td></tr>

            <input type="submit" value="submit">

        </form>

    </body>

</html>

　　可以看到默认情况下输出内容以table中的行的方式输出

　　2、把输出方式调整为p

<html>

    <head>

        <title>your name</title>

        <meta charset="utf8"/>

    </head>

    <body>

        <form action={% url 'your-name' %} method="POST">

            {% csrf_token %}

            <!-- 用 p 的方式格式化输入 -->

            {{ form.as_p }}

            <input type="submit" value="submit">

        </form>

    </body>

</html>
<html>

    <head>

        <title>your name</title>

        <meta charset="utf8"/>

    </head>

    <body>

        <form action=/app01/yourname method="POST">

            <input type='hidden' name='csrfmiddlewaretoken' value='rDlHnoLxu991YKhlb22qVuYbSDDfCHwX1a8Zwd67Y2DyYmwECjVw5l2k3tDFjqaY' />

            <!-- 用 p 的方式格式化输入 -->

            <p><label for="id_your_name">Your name:</label> <input type="text" name="your_name" maxlength="100" required id="id_your_name" /></p>

            <input type="submit" value="submit">

        </form>

    </body>

</html>

　　3、以列表的方式输出

<html>

    <head>

        <title>your name</title>

        <meta charset="utf8"/>

    </head>

    <body>

        <form action={% url 'your-name' %} method="POST">

            {% csrf_token %}

            <!-- 用 p 的方式格式化输入 -->

            {{ form.as_ul }}

            <input type="submit" value="submit">

        </form>

    </body>

</html>
<html>

    <head>

        <title>your name</title>

        <meta charset="utf8"/>

    </head>

    <body>

        <form action=/app01/yourname method="POST">

            <input type='hidden' name='csrfmiddlewaretoken' value='ZgjUKC9RLivh2aZKdHB3c2QOn4ZhwcMVzN6cTrurfbZO2Me3EYu9mTUXyUZHdVqW' />

            <!-- 用 p 的方式格式化输入 -->

            <li><label for="id_your_name">Your name:</label> <input type="text" name="your_name" maxlength="100" required id="id_your_name" /></li>

            <input type="submit" value="submit">

        </form>

    </body>

</html>

对form输出格式的总结：

　　1、{{ form }} 直接输出、这种默认的方式是以table的形式格式化的；

　　2、{{ form.as_p }} 以 p 段落的方式输出；

　　3、{{ form.as_ul }} 以 ul 列表的方式输出；

默认三种输出的不足：

　　如果这三种django自带的输出方式满足不了你的需求、那么“老铁扎心啦！”、你可能要自己定义form的输出了、

　　再这之前我们还要学习更多的关于form的东西才行

　　1、form.field_name：

<html>

    <head>

        <title>your name</title>

        <meta charset="utf8"/>

    </head>

    <body>

        <form action={% url 'your-name' %} method="POST">

            {{ form.your_name }}

        </form>

    </body>

</html>

　　可以看到模板中直接对form.field_name 进行打印、输出如下：

<html>

    <head>

        <title>your name</title>

        <meta charset="utf8"/>

    </head>

    <body>

        <form action=/app01/yourname method="POST">

            <input type="text" name="your_name" maxlength="100" required id="id_your_name" />

        </form>

    </body>

</html>

　　扎心啦、一个字段就直接对应一个 input标签。

　　2、form.field_name.lable:

<html>

    <head>

        <title>your name</title>

        <meta charset="utf8"/>

    </head>

    <body>

        <form action={% url 'your-name' %} method="POST">

            {{ form.your_name.label}}

        </form>

    </body>

</html>

　　生成的代码如下

<html>

    <head>

        <title>your name</title>

        <meta charset="utf8"/>

    </head>

    <body>

        <form action=/app01/yourname method="POST">

            Your name

        </form>

    </body>

</html>

　　3、form.field_name.label_tag:

<html>

    <head>

        <title>your name</title>

        <meta charset="utf8"/>

    </head>

    <body>

        <form action={% url 'your-name' %} method="POST">

            {{ form.your_name.label_tag}}

        </form>

    </body>

</html>
<html>

    <head>

        <title>your name</title>

        <meta charset="utf8"/>

    </head>

    <body>

        <form action=/app01/yourname method="POST">

            <label for="id_your_name">Your name:</label>

        </form>

    </body>

</html>

　　4、form.field_name.id_for_label：

<html>

    <head>

        <title>your name</title>

        <meta charset="utf8"/>

    </head>

    <body>

        <form action={% url 'your-name' %} method="POST">

            {{ form.your_name.id_for_label }}

        </form>

    </body>

</html>
<html>

    <head>

        <title>your name</title>

        <meta charset="utf8"/>

    </head>

    <body>

        <form action=/app01/yourname method="POST">

            id_your_name

        </form>

    </body>

</html>

　　5、form.field_name.value：

<html>

    <head>

        <title>your name</title>

        <meta charset="utf8"/>

    </head>

    <body>

        <form action={% url 'your-name' %} method="POST">

            {{ form.your_name.value }}

        </form>

    </body>

</html>
<html>

    <head>

        <title>your name</title>

        <meta charset="utf8"/>

    </head>

    <body>

        <form action=/app01/yourname method="POST">

            None

        </form>

    </body>

</html>

　　　　

　　

----

Django form入门详解--2的更多相关文章

  1. Django form入门详解--1

     form在django中的作用: 1.可以用于自动生成form的html 2.数据校验 3.与model一在一起使用.可以大的方便数据驱动型网站的开发 编程中有许多的东西是“不可描述”的.只有动手去 ...

  2. django session入门详解

    概括性的讲: 1.django默认是打开对session的支持的 2.默认情况下session相关的数据会保存在数据库中.浏览器端只保存了session id session 的科普: 1.动态网站中 ...

  3. Linq之旅：Linq入门详解（Linq to Objects）

    示例代码下载:Linq之旅:Linq入门详解(Linq to Objects) 本博文详细介绍 .NET 3.5 中引入的重要功能:Language Integrated Query(LINQ,语言集 ...

  4. SQL注入攻防入门详解

    =============安全性篇目录============== 本文转载 毕业开始从事winfrm到今年转到 web ,在码农届已经足足混了快接近3年了,但是对安全方面的知识依旧薄弱,事实上是没机 ...

  5. SQL注入攻防入门详解（2）

    SQL注入攻防入门详解 =============安全性篇目录============== 毕业开始从事winfrm到今年转到 web ,在码农届已经足足混了快接近3年了,但是对安全方面的知识依旧薄弱 ...

  6. Quartz 入门详解

    Quartz是OpenSymphony开源组织在Job scheduling领域又一个开源项目,它可以与J2EE与J2SE应用程序相结合也可以单独使用.Quartz可以用来创建简单或为运行十个,百个, ...

  7. Redis快速入门详解

    Redis入门详解 Redis简介 Redis安装 Redis配置 Redis数据类型 Redis功能 持久化 主从复制 事务支持 发布订阅 管道 虚拟内存 Redis性能 Redis部署 Redis ...

  8. [转]SQL注入攻防入门详解

    原文地址:http://www.cnblogs.com/heyuquan/archive/2012/10/31/2748577.html =============安全性篇目录============ ...

  9. [置顶] xamarin android toolbar(踩坑完全入门详解)

    网上关于toolbar的教程有很多,很多新手,在使用toolbar的时候踩坑实在太多了,不好好总结一下,实在浪费.如果你想学习toolbar,你肯定会去去搜索androd toolbar,既然你能看到 ...

随机推荐

  1. 如何进入docker容器

    http://blog.csdn.net/u010397369/article/details/41045251

  2. LLVM lli llc

    http://zke1ev3n.me/2016/01/18/%E5%9F%BA%E4%BA%8ELLVM%E7%9A%84%E4%BB%A3%E7%A0%81%E6%B7%B7%E6%B7%86/ h ...

  3. CentOS7 通过代理上网

    1.修改/etc/profile,增加以下内容: http_proxy=http://[代理地址]:[代理地址的端口]/ https_proxy=http://[代理地址]:[代理地址的端口]/ ex ...

  4. 了解 node.js

    原文为: 我们为什么要使用NodeJS 写的好,就收藏于此,供学习之用. 科普文一则,说说我对NodeJS(一种服务端JavaScript实现)的一些认识,以及我为什么会向后端工程师推荐NodeJS. ...

  5. Ubuntu下，terminal经常使用快捷键

    # ctrl + l - 清屏 . cLear # ctrl + c - 终止命令. # ctrl + d - 退出 shell,好像也能够表示EOF. # ctrl + r - 从命令历史中找 . ...

  6. 子类化QTreeWidgetItem实现增加Item的属性

    因为有需求是点击QTreeWidgetItem需要获取该Item的节点的相关属性,Item需要保存关联的属性,那么就需要扩展QTreeWidgetItem,当然,C++中扩展修改一个类或组件的方式就是 ...

  7. Android中为图标加上数字

    Android中为图标加上数字--用于未读短信数提醒,待更新应用数提醒等 http://flysnow.iteye.com/blog/906770

  8. window.parent 与 Window.top

    window.parent 返回当前窗口的父窗口对象. 如果一个窗口没有父窗口,则它的 parent 属性为自身的引用. 如果当前窗口是一个 <iframe>, <object> ...

  9. Node.js的一些基本概念

    1. Node.js简介 1.1 Node.js是什么 简单的说 Node.js 就是运行在服务端的 JavaScript. Node.js是一个能够在服务器端运行JavaScript的开放源代码.跨 ...

  10. hihocoder第233周

    题目链接 题目描述 给定一个数组a[N],N小于1e5.把数组划分成若干个片段,每个片段的和都不为0,问有多少种划分方法? 方法描述 定义f(i)表示0~i共有多少种划分方式,则$f(j)=\sum_ ...