【2017年整理】《网页设计与制作》第2章课件-11-11 10.3.48.ppt

按钮 表单元素的逐一介绍8-3 ...... input type=reset name=reset value= 重填 / input type=submit name=button value=同意…… / input type=button name=confirm value=点播音乐 / input type=button name=cancel value=取消 / input type=image src=images/login.gif / …… 操作演示：命名按钮应用 input name= 名称 type= 按钮类型 value=按钮文字 ? src=图片按钮的图片url 普通按钮：button 提交按钮：submit 重置（清空）按钮：reset 图片按钮：image 单选按钮 表单元素的逐一介绍8-4 ...... br /性别： input name=gen type=radio value=男 checked=checked input name=gen type=radio value=女 …… 特点：单选 名字name相同表明属于同一组 操作演示：单选按钮应用 input name= “组名 type= radio value= … checked= … 复选框 表单元素的逐一介绍8-5 …… 爱好： input type=checkbox name=hobby1 value=sports / 运动nbsp;nbsp; input type=checkbox name=hobby2 value=talk checked=checked /聊天nbsp;nbsp; input type=checkbox name=hobby3 value=play / 玩游戏 …… 特点：多选 操作演示：复选框应用 input type=checkbox name= … value= … checked= … 需求说明： 完成网站登录页面 练习——贵美登录页 1、提交地址：login.jsp 2、提交方法：post 文件域 表单元素的逐一介绍8-6 ...... pinput type=file name=files /br / input type=submit name=upload value=上传 //p …… 显示上传文件的地址 操作演示：文件域应用 input type=file name= … 小结 前面所学的各类表单元素，语法分别是什么？ type 功能 例子 text 单行文本输入 input type=text name=username / password 密码 input type=password name=password / radio 单选 input type=radio name=sex value=男 /男 input type=radio name=sex value=女 /女 checkbox 多选 input type=checkbox name=hobby value=书 /书 input type=checkbox name=hobby value=画 /画 reset 重置表单数据 input type=reset value=重置 / file 文件上传 input type=file name=files / submit 提交表单数据 input type=submit value=提交 / image 图形提交按钮 input type=image src=images/button.gif / button 普通按钮 input type=button value=播放音乐 / 列表框 表单元素的逐一介绍8-7 ...... select name=bmon option value= selected=selected[选择月份]/option option value=0一月/option option value=1二月/option option value=2三月/option option value=3四月/option /select …… 提供固定选项，避免用户输入错误 操作演示：列表框应用 select name=指定列表名称 size=行数 option value=选项值 selec