zoukankan      html  css  js  c++  java
  • django中form表单的提交:

    一,关于表单:

    表单在百度百科的解释:  

    表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域:包含了文本框、密码框、隐藏域多行文本框复选框单选框、下拉选择框和文件上传框等。 表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。

    讲的相当详细:http://baike.baidu.com/view/296684.htm?fr=ala0_1_1

      <form>时HTML的标签:

    例子1:

      带有两个输入字段和一个提交按钮的 HTML 表单:

    <form action="demo_form.php" method="get">
      First name: <input type="text" name="fname"><br>
      Last name: <input type="text" name="lname"><br>
      <input type="submit" value="Submit">
    </form> 

    解释:

    <form> 标签用于创建供用户输入的 HTML 表单。

    <form> 元素包含一个或多个如下的表单元素:

    HTML5 新增了两个新的属性:autocompletenovalidate,同时不再支持 HTML 4.01 中的某些属性。

    拓展:    Form表单域中的一些方法:

    1.使用disabled属性创建只读表单域
      表单域和用户交互的元素,有时希望表单域不能接收用户的操作,如有些文本框要设定为只读的,当所有的表单域输入完成之前,设定提交按钮为灰的,不可单击等,这些都可以通过表单域的通用属性disabled来实现.
    2.使用name属性获取或者设置表单域的名称
      name属性是一个很好理解的属性,它对应HTML标记中的name属性,但这里的name是一个可变的值,可以通过javascript来设置或改变一个表单域的名称.
    3.使用form属性获取这个表单域所属的表单
      通过form属性,可以很方便地引用这个表单域所在的表单,例如在前面实现ctrl+Enter快捷提交表单时就用到了这个属性.
    4.使用value属性来获取和设置表单域的值
      对于文本框,value属性很容易理解,就是表示用户输入的值,在网站建设中这是最常用到的.

    form表单属性成员表:http://www.doc88.com/p-680406222426.html

    二,但是在form表单中常用的属性并不是很多,常用的主要有以下几个(文章一):

    name:  用来标识这个表单,在javascript中可以通过 document.表单名 来取得这个表单

    action:  表示这个表单提交时的跳转路径

    method:  表示提交方式,可以选择post和get,默认为get方式.两种方式的区别:

    post:     所有提交的参数都会隐藏,没有参数的大小限制,建议使用该方式

    get:      所有提交参数都会在地址栏显示,参数总量最大4-5K.不建议使用

    enctype:   表示表单的封装方式,只有在进行文件上传时才会使用,当执行文件上传时,必须将这个值设置为enctype="multipart/form-data"

    onsubmit: 当表单提交时自动执行的javascript事件,一般在需要进行提交验证时使用.

     

    表单中的常用控件:

     

    <inpu  ttype="text">:文本框,输入单行文本

    <input  type="password">:密码框,输入密码信息,所有输入的信息会隐藏显示

    <input  type="button">:普通按钮,一般用来完成javascript功能的

    <input  type="submit">:表单提交按钮,点此按钮提交表单

    <input  type="reset">:表单重置按钮,点此按钮表单中的数据回到填写之前.

    <input  type="radio">:单选按钮

    <input  type="checkbox">:多选按钮

    <input  type="hidden">:隐藏域,将一个值隐藏传递.

    <input  type="image">:功能和submit提交按钮相同,但可以显示图片.

    <textarea></textare>:文本域,输入多行文本

    <select>:下拉列表,需要结合option一起使用

    <option>:通过该值为<select>设置选项

    原文连接:http://blog.csdn.net/dinglinsong/article/details/8126191

    三,文章二(表单里的属性介绍):

    在我们添加一个表单时会有一串表单的代码,如下:
      <form name="表单名称" action="动作" method="post" target="目标"></form>
      表单名称设置唯一标识这个表单的名称,只有设置表单名称,才可以使用脚本语言(如javascript或vbscript)引用或控制这个表单,如果不命名表单,则dreamweaver会自动以form1,form2..来命名.
     动作:设置处理表单数据的方式,可以指定处理这个表单的动态页或脚本路径,也可以设置表单数据将会发送到的E-mail地址.
     方法:设置将表单内的数据发送到服务器所使用的方法,包括以下三类:
    1.默认,使用浏览器的默认设置将表单数据发送到服务器,通常情况下,浏览器的默认设置为GET
    2.GET,将值附加到请求这个页的URL中,发送附加在URL上的信息,但由于它对发送的数量作了限制,URL的长度被限制在8192个字符以内,所以不推荐使用此方法.
    3.POST,在HTTP请求中嵌入表单数据,此种方法在发送数据的数据量上没有强加限制,也是现在普遍使用的方法.

     MIME类型:设置对提交服务器的表单数据进行处理所使用的MIME编码类型,默认设计是使用 applicaion/x-www-form-urlencoded,大多数情况都使用此类型,如果用于上传文件或图片等,则应该选择multipart /form-data.如果在这个表单内添加了文件域,则表单的MiME类型会自动设为multipart/form-data.

      目标:设置目标文档打开窗口的方式,在这个窗口中显示返回的数据

    原文连接:http://www.djjwz.com/news/news1063.html

    四,django中表单的应用:

  • 相关阅读:
    火狐浏览器看哪些地方加nofollow
    2017.6.14-网站分析
    2017.6.11-目标关键词优化 三个方面内容
    2017-6-9长尾关键词优化
    2017.6.7seowhy学习笔记---seo知识总纲
    使用 WordPress 自定义字段功能为文章添加下载按钮
    xftp和xshell有什么区别
    决定网站排名的6个干货
    转载:如何在wordpress主题中添加设置页面
    win10+ubuntu双系统安装方案
  • 原文地址:https://www.cnblogs.com/blogofwyl/p/4328820.html
Copyright © 2011-2022 走看看