web这块的知识整理只能上图了 因为要不中间代码会在打开的网页上自动运行 看不见代码根本
HTML文档结构
运行图:
代码如下:
<html> <head> <title><input>标记的典型应用</title> </head> <body><form action="" method="post" name="myform"> <table width="694" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td><img src="images/01.gif" width="694" height="168"></td> </tr> </table> <table width="694" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="103" height="231" valign="top"><img src="images/02.gif" width="35"></td> <td width="547" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="17%" height="29" align="center">用 户 名:</td> <td colspan="2"><input name="username" type="text" id="UserName4" maxlength="20"></td> </tr> <tr> <td height="28" align="center">密 码:</td> <td height="28" colspan="2"><input name="pwd1" type="password" id="PWD14" size="20" maxlength="20"></td> </tr> <tr> <td height="28" align="center">确认密码:</td> <td height="28" colspan="2"><input name="pwd2" type="password" id="PWD25" size="20" maxlength="20"></td> </tr> <tr> <td height="28" align="center">性 别:</td> <td colspan="2"><input name="sex" type="radio" class="noborder" value="男" checked> 男 <input name="sex" type="radio" class="noborder" value="女"> 女</td> </tr> <tr> <td height="28" align="center">爱 好:</td> <td colspan="2" class="word_grey"><input name="like" type="checkbox" id="like" value="体育"> 体育 <input name="like" type="checkbox" id="like" value="旅游"> 旅游 <input name="like" type="checkbox" id="like" value="听音乐"> 听音乐 <input name="like" type="checkbox" id="like" value="看书"> 看书</td> </tr> <tr> <td height="28" align="center" style="padding-left:10px">E-mail:</td> <td colspan="2" class="word_grey"><input name="email" type="text" id="PWD224" size="50"> </td> </tr> <tr> <td height="34"> </td> <td width="30%" class="word_grey"><input name="Submit" type="submit" class="btn_grey" value="确定保存"> <input name="Reset" type="reset" class="btn_grey" id="Reset" value="重新填写"></td> <td width="53%" class="word_grey"><input type="image" name="imageField" src="images/btn_bg.jpg"></td> </tr> </table></td> <td width="44" valign="top"><img src="images/04.gif" width="44"></td> </tr> </table> </form> </body> </html>