利用html标记制作静态网页,使用HTML制作网页《静态网页制作》.ppt

使用HTML制作网页《静态网页制作》

表单的执行原理 Internet 1 2 客户端：请求登录，通过表单填写账户信息 服务器端：验证发来的账号信息，然后给出反馈 客户端和服务器类似两人沟通一样，从而建立交互活动 表单的典型应用：假定登录 126 邮箱 单行文本框(text) 单选按钮(radio) 复选框(checkbox) 下拉列表(select) 重置按钮 (reset) 提交按钮(submit) 密码框(password) 常见的表单元素 文本域(textarea) 文件选择框(file)

… 文本框、按钮等表单元素… 表单基本结构--标签 语法 action属性： 如果为空则代表向当前页面提交 method属性：可选值 post | get get方法提交参数在地址栏可见 post方法一般用于多数据、保密数据提交 注意 表单基本元素-标签 语法 type属性：可选值 text(默认)、password、button、checkbox、radio等 checked属性： 仅与 或 配合使用，选中值为 checked 注意 课堂演示 需求说明 使用表单元素制作注册页面 要求： 制作注册页面内容 使用HTML基本标签完成 演示示例：商城注册页面2-1 小结 各类表单元素 type 功能 例子 text 单行文本输入 password 密码 radio 单选 男 女 checkbox 多选 书 画 reset 重置表单数据 file 文件上传 submit 提交表单数据 hidden 隐藏域 button 普通按钮 小结 课堂练习 需求说明： 完成网站登录页面 完成时间：10分钟 共性问题集中讲解 1、提交地址：login.html 2、提交方法：post 其他表单元素 … … … 文本内容 列表框 文本域 关联表单元素 姓名: 或 姓名: 表单的高级用法2-1 点击label标签鼠标聚焦文本框中 语法 示例 只读属性 readonly：希望某个框内的内容只允许用户看，不能修改 禁用属性 disabled：因没达到使用的