5.2 使用表单创建交互访问-粤教版高中信息技术选修三（网络技术应用）课件(共18张PPT)

5.2 使用表单创建交互访问 - - 学习目标 制作一个在线调查网页 设计一个数据采集的网页 - - 表单的概念 表单是用来收集访问者信息的类页面元素。在一个页面中可以有一个或多个表单，每个表单由若干表单域以及一些说明性文本或其他页面元素组成， - - 表单的构成 表单域：组成表单的最小单位包括单行文本框、滚动文本框、复选框、单选按钮、下拉菜单、普通按钮、图片按钮和标签等 表单域作用：实现用户登录页面 1）文本框 <input type ="text" name="username" value="username" /> type 表示表单域的类型，默认值是text表示文本框 name 给表单域起一个名字，取对应的表单域中的内容 value 真正传递到服务器的值 属性maxlength="6"表示最多输入6个字符，中英文都是6个 属性size=“30”可以改变文本框的大小，但是尽量不要这样写，通过javascript控制文本框的大小 2）密码框 <input type="password" name="password" value="pasword"/> - - 表单域常用按钮代码 按钮 ①提交按钮，submit，点击提交按钮，会提交请求 <input type="submit" value="登录"/> ②重置按钮，reset，点击重置按钮，会把表单域中的值恢复到默认状态 <input type="reset" value="重置"/> ③图片按钮，image，功能类似于提交按钮，点击图片按钮以后 也会提交表单 <input type="image" src="images/ceo.jpg"/> ④普通按钮，不能提交表单，可以绑定事件 <input type="button" value="普通按钮" οnclick="alert('你好')"/> - - 4）隐藏域 隐藏域 name是服务器端用来取值的标识名，value表示传递的内容 <input type="hidden" name="safeCode" value="12345"/> 例：银行卡提交时的安全码，不该让客户看到 5）单选框 radio <form action="a.jsp" method ="post"> <!--选项写在同一组下，否则没有单选，变成了两个单选框-->