十天学会HTML之【第6天】表单.doc

【第6天】表单 学习目的： 了解表单相关概念，能够独立完成一个注册页面的html代码。 表单的概念： HTML表单是HTML页面与浏览器端实现交互的重要手段，利用表单可以收集客户端提交的有关信息。 在HTML里，我们可以定义表单，并且使表单与CGI或ASP、PHP、JSP、ASP.NET等服务器端的表单处理程序相配合。我们在HTML课程中不会涉及到程序编制。 表单的组成： 一个表单有三个基本组成部分： 表单标签：该标签用于描述表单处理程序的URL地址，数据提交的方式等表单的相关信息。 表单域：这里包括文本框、密码框、多行文本框、隐藏域、文件上传框、下拉菜单、单选框、多选框。 表单按钮：这里包括提交按钮、重置按钮、一般按钮。 表单标签form： 该标签用于申明表单，定义采集数据的范围，也就是form和/form里面包含的数据将被提交到服务器或电子邮件里。 基本语法： form action=URL method=get/post enctype=MIME target=打开方式…/form 表单标签form的各属性： Action属性：用来定义表单处理程序（一个asp或CGI等程序）的位置（相对地址或绝对地址）。 Method属性：定义表单数据从浏览器传送到服务器的方式，一般有两种：get和post。 Enctype属性：用于指定表单提交数据时所采用的编码方式。 Target属性：指定提交的结果文档显示的位置。 表单标签form的method属性的各取值含义： Get：方法是将表单数据附加在action属性指定的url地址之后，并在url地址与表单数据间加上一个“?”分隔符，表单的各数据项之间用“”进行分隔，然后将所形成的url地址发送给服务器置，传送的数据可见，数据长度有限制。 Post：它是当前的HTML文档把数据作为一个独立的数据块，与url分开，暗传送给服务器端的处理程序，传送的数据不可见，不受长度限制。 表单标签form的enctype属性的各取值含义： text/plain：以纯文本的形式传送。 application/x-www-form-urlencoded：默认的编码形式，即url编码形式。 multipart/form-data：MIME编码，上传文件的表单必须选择该项。 表单域： 表单域包括文本框、密码框、多行文本框、隐藏域、文件上传框、下拉菜单、单选框、多选框。它的作用是用于采集用户输入或者选择的数据。 文本框： 文本框是一种让访问者自己输入内容的表单对象，通常被用来填写简短的内容和回答，如姓名、地址等。 基本语法： input type=text name=... size=... maxlength=... value=... / 属性解释：type=text”定义单行文本输入框；name属性定义文本框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；size属性定义文本框的宽度，单位是单个字符宽度；maxlength属性定义最多输入的字符数；value属性定义文本框的初始值。 多行文本框： 也是一种让访问者自己输入内容的表单对象，只不过能让访问者填写较长的内容，实现多行输入。 基本语法： textarea name=... cols=... rows=... wrap=virtual //textarea 属性解释：name属性定义多行文本框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；cols属性定义多行文本框的宽度，单位是单个字符宽度；rows属性定义多行文本框的高度，单位是单个字符宽度；wrap属性定义输入内容大于文本域时显示的方式。 多行文本框wrap属性的取值： 默认值是文本自动换行；当输入内容超过文本域的右边界时会自动转到下一行，而数据在被提交处理时自动换行的地方不会有换行符出现； “off”，用来避免文本换行，当输入的内容超过文本域右边界时，文本将向左滚动，必须用enter才能将插入点移到下一行； “virtual”，允许文本自动换行。当输入内容超过文本域的右边界时会自动转到下一行，而数据在被提交处理时自动换行的地方不会有换行符出现； “physical”，让文本换行，当数据被提交处理时换行符也将被一起提交处理。 密码框： 是一种特殊的文本域，用于输入密码。当访问者输入文字时，文字会被星号或其它符号代替，而输入的文字会被隐藏。 基本语法： input type=password name=... size=... maxlength=... / 属性解释：type=password定义密码框；name属性定义密码框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；size属性定义密码框的宽度，单位是单个字符宽度；maxlength属性定义最多输入的字