网站建设与管理项目二 懂一点HTML基础知识.ppt

1．表单标签 ＜form＞……＜/form＞ 表单标签＜form＞的基本语法是： ＜FORM name=form_name ACTION=URL METHOD=GET|POST＞…＜/FORM＞ 图2-4-4 表单属性控制面板 （1）在表单的“属性”面板中，“表单名称”对应表单的“name”属性。可以设置一个唯一名称以标识该表单，如： FORM name=form1 （2）“动作”对应表单的action属性。 （3）“方法”对应表单的method属性 （4）“目标”对应target属性 （5）“MIME类型”对应enctype属性 该属性有以下两种取值。 application/x-www-form-urlencoded （默认方式） multipart /form–data （文件上传专用） 2．文本框 文本框是一种让访问者自己输入内容的表单对象，其基本的HTML代码格式为 ＜input type=text name=… size=… maxlength=… value=…＞ 其中，各项属性的内容含义如下。 type=“text” 定义单行文本输入框。 name 属性定义文本框的名称，要保证数据的准确采集，必须定义一个独一无二的名称。 size 属性定义文本框的宽度，单位是单个字符宽度。 maxlength 属性定义最多输入的字符数。 value 属性定义文本框的初始值。 3．密码框 密码框是一种特殊的文本框，它的不同之处是当输入内容时，均以“*”表示，以保证密码的安全性。 其基本的HTML代码格式为 input type=password name=… size=… maxlength=… 4．按钮 类型：普通按钮、提交按钮、重置按钮。 普通按钮 input type=button value=… name=… 提交按钮 input type=submit value=提交 重置按钮 input type=reset value=… name=… 5．单选按钮和复选框 单选按钮 input type=radioname=… value=… checked 复选框 input type=checkbox name=… value=… checked 6．文件输入框 input type=file name=… 7．下拉框 (Select) select name=fruit option value=apple 苹果 option value=orange 桔子 option value=mango 芒果 /select 如果要变成复选，加multiple即可，用户用Ctrl来实现多选。 其基本HTML代码格式为 select name=fruit multiple 8. 多行文本域（textarea） textarea name=yoursuggest cols =50 rows =3/textarea 9．隐藏域 input type=hidden value=… name=… 2.4.2 表单数据的传递过程 1．表单构成的三要素 一个最简单的表单必须具有以下三部分内容。 （1）form标记，没有它表单中的数据不知道提交到哪里去，并且不能确定表单的范围。 （2）至少有一个输入域（如input文本域或选择框等），这样才能收集到用户的信息，否则没有信息提交给服务器； （3）提交按钮，没有它表单中的信息无法提交。 2．表单向服务器提交的信息内容 查看百度首页表单的源代码，这算是一个最简单的表单。 form name=f action=s input type=text name=wd id=kw size=42 maxlength=100 input type=submit value=百度一下 name=sb… /form 四、任务实施 ? 步骤1 整体构架 ? 步骤2 制作登录页头部 ? 步骤3 制作标题文字 ? 步骤4 登录表单的布局 图2-4-5 表格新建对话框 图2-4-6 标签编辑器 ? 步骤5 插入表单元素 ? 步骤6 制作服务条款与隐私权 图2-4-7 表单完成效果 td height=48 valign=top bgcolor=#FFFFFFCELL 2/td /tr tr td height=44 bgcolor=#FFFFFFCELL 3/td td align=center bgcolor=#FFFFFFCELL 4/td /tr /