Java与J2EE架构-第3章 HTML语言.ppt

第3章 HTML语言 3.1 HTML概述 3.2 HTML标签 练习 Java 程序员工资调查 被调查人数：5085 月收入 人数 1000元 224 1000-3000元 1815 3001-5000元 1129 5001-10000元 652 10000元以上 83 练习 相关属性 align：水平对齐－left / center / right valign：垂直对齐－top / middle / bottom 练习 练习 资源在“HTML练习”文件夹中 问题： form元素 命令按钮 input type=“button” name=“名称” value=“按钮文本” onclick=“单击事件” JavaScript示例 JavaScript示例 html head titleHTML示例/title script function test() { if (document.f1.guess.value==apple) alert(恭喜答对了!); else alert(再猜猜); } /script /head form name=f1 输入水果名称input type=text name=guess br input type=button name=OK value=确定 onclick=test() /form /html 问题－数据如何在页面之间传递 相关属性 border、width、height cellspacing：设定格与格之间的宽度 cellpadding：设定内容与格线间的距离 如：table cellspacing=30 cellpadding=50 相关属性 bordercolor ：边框颜色 bgcolor：背景色 例如： table border=1 bordercolor=red bgcolor=#E8FFFF 整个表格背景色 tr bgcolor=silver td2004001/td td bgcolor=yellow张无忌/td td计算机学院/td /tr 例如： tr align=center td2004001/td td张无忌/td td valign=bottom计算机学院/td /tr 【Return】 空格 特殊符号表示： 注释： !-- -- 符 号 　　语 法 空白 　 nbsp 　　　 lt 　　　 gt 　　 amp 　　　 quot 【Return】 form标签 form 元素为用户输入创建表单. 表单可包含文本框、复选框、单选/多选按钮、命令按钮等. 表单通常用于向指定的 URL 提交用户数据。 基本结构 html body form name=表单名 action=URL form元素标签 /form /body /html form元素 文本框： input type=“text” name=“名称” value=“预设值” size=“长度” maxlength=“字符个数” form 用户名： input type=text name=username value=wustzz /form form元素 密码框： input type=“password” name=“名称” size=“长度” maxlength=“字符个数 form 密码： input type=password name=psd maxlength=8 /form form元素 单选按钮： input type=radio name=名称 value=值 checked=checked 同一组的多个单选框要求name必须相同 form性别： input type=radio name=sex value=male checked=checked男 input type=radio name=sex value=female女 /form form元素 复选按钮： input type=checkbox name=名称 value=值 checked=checked form 爱好： input type=chec