一,关于表单:

表单在百度百科的解释:  

表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用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 新增了两个新的属性:autocomplete 和 novalidate,同时不再支持 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中表单的应用:

django中form表单的提交:的更多相关文章

  1. MVC中Form表单的提交

    概述 Web页面进行Form表单提交是数据提交的一种,在MVC中Form表单提交到服务器.服务端接受Form表单的方式有多种,如果一个Form有2个submit按钮,那后台如何判断是哪个按钮提交的数据 ...

  2. 如何得到django中form表单里的复选框(多选框)的值( MultipleChoiceField )

    直接写代码吧 CHECKBOX_CHOICES = ( ('Value1','Value1'), ('Value2','Value2'), ) class EditProfileForm(ModelF ...

  3. Django的form表单

    html的form表单 django中,前端如果要提交一些数据到views里面去,需要用到 html里面的form表单. 例如: # form2/urls.py from django.contrib ...

  4. Django 11 form表单(状态保持session、form表单及注册实现)

    Django 11 form表单(状态保持session.form表单及注册实现) 一.状态保持 session 状态保持 #1.http协议是无状态的:每次请求都是一次新的请求,不会记得之前通信的状 ...

  5. 转载:Django之form表单

    转载: 一.使用form类创建一个表单 先定义好一个RegForm类: forms.py from django import forms # 导入forms类 class NameForm(form ...

  6. Django--分页器(paginator)、Django的用户认证、Django的FORM表单

    分页器(paginator) >>> from django.core.paginator import Paginator >>> objects = ['joh ...

  7. Django中的表单

    目录 表单 Django中的表单 用表单验证数据 自定义验证 表单 HTML中的表单是用来提交数据给服务器的,不管后台服务器用的是 Django  还是 PHP还是JSP还是其他语言.只要把 inpu ...

  8. JavaScript 创建一个 form 表单并提交

    <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8& ...

  9. 使用ajax方法实现form表单的提交(附源码)

    写在前面的话 在使用form表单的时候,一旦点击提交触发submit事件,一般会使得页面跳转,页面间的跳转等行为的控制权往往在后端,后端会控制页面的跳转及数据传递,但是在某些时候不希望页面跳转,或者说 ...

随机推荐

  1. j2ee学习笔记 javascript 学习

    JavaScript 组成: ECMAScript + BOM + DOM Window对象是JS中的顶层对象 ECMAScript: 规定了一些语法,变量,for循环等等结构 BOM: Browse ...

  2. 集合(Collection,set,list,map)

    package cn.hncu.col.col; import java.util.ArrayList;import java.util.Collection;import java.util.Has ...

  3. 一个现代化的JSON库Moshi针对Android和Java

    Moshi 是一个现代化的JSON库针对Android和Java.它可以很容易地解析JSON成Java对象: String json = ...; Moshi moshi = new Moshi.Bu ...

  4. Docker container network configuration

    http://xmodulo.com/networking-between-docker-containers.html How to set up networking between Docker ...

  5. KALI 2.0优化

    1.首选项没有主菜单,系统管理 apt-get install alacarte 2.APT源 #官方源deb http://http.kali.org/kali kali main non-free ...

  6. Leetcode Python Solution(continue update)

    leetcode python solution 1. two sum (easy) Given an array of integers, return indices of the two num ...

  7. PAT L1-009. N个数求和

    本题的要求很简单,就是求N个数字的和.麻烦的是,这些数字是以有理数“分子/分母”的形式给出的,你输出的和也必须是有理数的形式. 输入格式: 输入第一行给出一个正整数N(<=100).随后一行按格 ...

  8. R-大数据分析挖掘(2-R爬虫)

    RCurl作者:

  9. (转) ASP.NET反射

    原文:http://www.cnblogs.com/zizo/p/3509895.html 两个现实中的例子:1.B超:大家体检的时候大概都做过B超吧,B超可以透过肚皮探测到你内脏的生理情况.这是如何 ...

  10. Visual C++ 打印编程技术-编程基础

    背景: windows产生前,操作系统(如DOS等)都不提供支持图像处理的打印机驱动程序,使得程序员为打印出图像,不得不针对使用的打印机 自己编写设备驱动程序,导致了大量的.不必要的重复开发. 随着w ...