一,关于表单:
表单在百度百科的解释:
表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用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中表单的应用: