今天上完php后完成了三个界面制作:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>简易求职表</title> </head> <body> <form action="login.jsp" method="post"> <p>申请表</p> <p>用户名:<input type="hidden" name="text" value="叶佳旺"></p> <p>密 码: <input name="pwd" type="password" size="20" /></p> <p>照片:<br><input type="file"name="file"value=""/></p> <p>感兴趣的职位:<br><input type="radio" value=""checked="checked"/> Web设计 <input type="radio"value=""/> Web开发</p> <p>向往的城市:<select name="bmon" > <option value=""selected>[请选择]</option> <option value=0>北京</option> <option value=1>上海</option> <option value=2>南京</option> </select></p> <p>协议:<br> <textarea name="content" cols="40" rows="8" readonly="readonly"> 求职信息必须真实、准确,本网站只负责向企业推荐。 </textarea><br /><br /> <input name="agree" type="checkbox" /> 我认真阅读并接受以上协议 </p> <p>经验:<select name="bmon" > <option value=""selected>[无经验]</option> <option value=0>有经验</option> </select></p> <p><input name="btn" type="submit" value="提交" disabled="disabled" /> <input name="reset" type="reset" value="重填" /></p> </form> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>tabel用户注册</title> </head> <body> <div style="width:600px; height:300px;float: left"> <form name="form1" method="post" action=""> <p>名 字: <input type="text" value="张三" size="20"></p> <p>密 码: <input name="pwd" type="password" size="20" /></p> <p> <FORM name="form3" method="post" action=""> <BR>性别: <INPUT name="gen" type="radio" class="input" value="男" checked> <IMG src="C:\Users\35458\Desktop\Sublime Text\Sublime Text\Male.gif" width="23" height="21">男 <INPUT name="gen" type="radio" class="input" value="女" checked> <IMG src="C:\Users\35458\Desktop\Sublime Text\Sublime Text/Female.gif" width="23" height="21">女 </FORM> </p> <FORM name="form4" method="post" action=""> <br>爱好: <LABEL> <INPUT type="checkbox" name="cb2" value="talk"checked="checked"> </LABEL>聊天 <INPUT type="checkbox" name="cb2" value="yundong"> </LABEL>yundong </FORM> <p>出生日期: <INPUT name="byear" value="yyyy" size=4 maxlength=4 > 年 <SELECT name="bmon"> <OPTION value=" " selected>[选择月份] </OPTION> <OPTION value=0>一月</OPTION> <OPTION value=1>二月</OPTION> <OPTION value=1>三月</OPTION> <OPTION value=1>四月</OPTION> <OPTION value=1>五月</OPTION> <OPTION value=1>六月</OPTION> <OPTION value=1>七月</OPTION> <OPTION value=1>八月</OPTION> <OPTION value=1>九月</OPTION> <OPTION value=1>十月</OPTION> <OPTION value=1>十一月</OPTION> <OPTION value=1>十二月</OPTION> </SELECT> 月 <INPUT name="bday" value="dd" size=2 maxlength=2 > 日 </p> <br> <br> <br> <p><input type="submit" name="btn" value="提交" /> <input name="reset" type="reset" value="重填" /></p> </form> </div> <div style="width:900px; height:300px; float:right"> <FORM name="form7" method="post" action=""> <p><IMG src="C:\Users\35458\Desktop\Sublime Text\Sublime Text\read.gif" width="23" height="21">阅读XX网服务协议:<br></p> <TEXTAREA name="textarea" cols="40" rows="6">欢迎阅读服务条款协议,本协议阐述之条款和条件适用于您使用 xx.com 网站的各种工具和服务。 本服务协议双方为xx与xx网用户,本服务协议具有合同效力。 xx的权利和义务 1. xx有义务在现有技术上维护整个网上交易平台的正常运行,并努力提升和改进技术,使用户网上交易活动的顺利。 2.对用户在注册使用xx网上交易平台中所遇到的与交易或注册有关的问题及反映的情况,xx应及时作出回复。 3.对于在xx网网上交易平台上的不 </TEXTAREA> </FORM> </div> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>数据表</title> </head> <body> <table width="50%"> <caption>数据表</caption> <thead style="background: #0FF"> <tr> <th>地区</th> <th>1月</th> <th>2月</th> <th>3月</th> <th>小计(RMB)</th> </tr> </thead> <tbody style=" background: #9CC"> <tr> <td>北京</td> <td>10</td> <td>10</td> <td>50</td> <td>70</td> </tr> <tr> <td>上海</td> <td>20</td> <td>30</td> <td>70</td> <td>120</td> </tr> <tr> <td>天津</td> <td>30</td> <td>40</td> <td>80</td> <td>150</td> </tr> </tbody> <tfoot style="background: #FF0"> <tr> <td>总计(RMB)</td> <td>60</td> <td>80</td> <td>200</td> <td>240</td> </tr> </tfoot> </table> </body> </html>