Wcb前端开发》实验教学指导/实验四:在网页中使用表单和多媒体2 <table cellspacing="0" cellpadding="0" style="margin: 50px; padding: 30p background-color: #6CF;"> <t>< td colspan="2" height="25" style="text- align center;">用户登录界面</d<tr> <tr><td colspan=2" height=30"></td></tr < <td height="30°wdh="80用户名:</td> td><input type="text"name="username"style="width: 150px; value="/></td> < ctd height="30密码:<d> type="password" name="username" style="width: 150px <tr><td colspan=2"height=10"></td></tr <input type="submit"name="submit"value=1EX"/> <input type="reset"name="reset"value="E FL"style="margin-left: 30px; " 2、使用简单的表单选择个人信息 编写简单表单实现的个人信息修改,效果如图4-2所示 个人信息选择 性别 男女 兴趣爱好:体育运动_娱乐休闲 所在地区:大陆 「提3 图4-2个人信息选择 参考代码: <html> <meta charset="utf-8"> tte>个人信息修改<rtte 河南中医学院互联网应用技术研究 本讲共计12页|当前第2页《Web 前端开发》实验教学指导 / 实验四:在网页中使用表单和多媒体 河南中医学院互联网应用技术研究所 本讲共计 12 页 | 当前第 2 页 <body> <form method="post" name="form"> <table cellspacing="0" cellpadding="0" style="margin:50px; padding:30px; background-color:#6CF;"> <tr><td colspan="2" height="25" style="text-align:center;">用户登录界面</td></tr> <tr><td colspan="2" height="30"></td></tr> <tr> <td height="30" width="80">用户名:</td> <td><input type="text" name="username" style="width:150px;" value=""/></td> </tr> <tr> <td height="30">密码:</td> <td><input type="password" name="username" style="width:150px;" value=""/></td> </tr> <tr><td colspan="2" height="10"></td></tr> <tr> <td colspan="2" height="40" style="text-align:center;"> <input type="submit" name="submit" value="提交"/> <input type="reset" name="reset" value="重置" style="margin-left:30px;"/> </td> </tr> </table> </body> </html> 2、使用简单的表单选择个人信息 编写简单表单实现的个人信息修改,效果如图 4-2 所示。 参考代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>个人信息修改</title> </head> 图 4-2 个人信息选择