html基础3.doc

一 表单 html提供表单主要为了实现交互，即用户可以利用表单输入信息，服务器可以获取表单信息进行处理，如：网站邮箱注册、留言、论坛等的实现。 1.1创建表单 form…/form标识用来创建一个表单，在标识之间的内容属于表单信息。它有三个属性： name属性提供表单的名称，主要用于编程。 Action属性指定当表单提交后，对表单进行处理的程序，它可以是asp脚本等。 Method属性指定发送表单信息给处理程序的方式。其值有get和post。其中get是默认方式，它表示表单信息附加在处理程序名的后面，中间用“？”隔开，通过url发送。来访者输入的数据会附加在URL之后，由用户端直接发送至服务器，所以速度上会比post快，但缺点是数据长度不能够太长。post：使用这种设置时，表单数据是与URL分开发送的，用户端的计算机会通知服务器来读取数据，Post表示将表单信息打包通过http请求包的正文发送。所以通常没有数据长度上的限制，缺点是速度上会比get慢。 一般情况下，表单的处理程序 action 和传送方法 method是必不可少的参数。 Enctype属性指编码方式，表单中的 enctype 参数用于设置表单信息提交的编码方式。 语法： form enctype=编码方式 …… /form enctype取值： Text/plain 以纯文本的形式传送 application /x-www-form-urlencoded 默认的编码形式 multipart/form-data MIME编码，上传文件的表单必须选择该项 1.2 创建表单输入域 input标识的input是表单中用于提供用户输入信息的标识。 Type属性指出用户输入的信息的类型，主要有一下几种： type取值 取值的含义 text 文字字段 password 密码域，用户在页面中输入时不显示具体的内容，以*代替 radio 单选按钮 checkbox 复选框 button 普通按钮 submit 提交按钮 reset 重置按钮 image 图形域，也称为图像提交按钮 hidden 隐藏域，隐藏域将不显示在页面上，只将内容传递到服务器中 file 文件域 （1）单行文本输入域（text类型） type的默认类型。它表示当前用于输入信息的元素是文本框。而 text 类型的控件在页面中以单行文本框的形式显示，其属性有： name属性指明该文本框的名字，以后处理表单的代码通过引用该名字定位该文本框。 Size属性指明以字符为单位表示该文本框的宽度，缺省为20。 Maxlengh属性限制最多输入的字符数。 Value属性设定文本框的初始值。 （2） 密码输入域（password类型） 也是在表单上出现一个文本框，但与text类型不同的是，用户输入的信息都被隐藏，以“*”代替。（例 text password） （3）单选框（radio类型） 表示在表单上放置一单选按钮。一般以组形式出现，在一组中只有一个有效，并且一组单选按钮只有一个名字，其属性有： name属性指明该单选框的名字。 Value属性指明该单选按钮的值。来设置用户选中该项目后，传送到处理程序中的值，只有被选中时才有效。 Checked属性指明表示该单选框被选中。（例 radio） （4）复选框（checkbox类型） 在表单上放置一个复选框，其属性有： name属性指明该复选框的名字，以后处理表单的代码通过引用该名字定位该复选框。 Value属性指明该复选框的值。只有被选中时才有效。 Checked属性表示该复选框被选中。（例 checkbox） （5） 按钮（button 类型） 在表单中放置一个按钮，其属性主要有： name属性是该按钮的名称，用于编程。 Value属性指明该按钮显示的值。 说明：在 button 中可以通过添加 onclick 参数来实现一些特殊的功能，onclick 参数是设置当鼠标按下按钮时所进行的处理。 （6） 提交按钮(submit 类型) 在表单中放置一个按钮，与button类型不同的是，单击后会提交表单，其属性有。 Name属性是该按钮的名称，用于编程。 Value属性指明该按钮的值。（例 submit） （7）重设按钮（reset类型） 在表单中放置一个按钮，与button和submit不同的是，单击后会将表单中所有元素的值重新设为初始值，其属性有： Name属性是该按钮的名称，用于编程。 Value属性指明该按钮的值。（例 reset） （8）图像按钮（image类型） 在表单上放置一个图像，当单击图像时也会提交表单，与sbumit不同的只是用图像代替了按钮，其属性有： Name属性是该图像元素的名称，用于编程。