| 标题 | 表单form元素的一些简单实现代码以注册为例 |
| 范文 | 代码实现方式： 代码如下: <!doctype html> <head> <title> new document </title> <meta name=generator content=editplus> <meta name=author content=> <meta name=keywords content=> <meta name=description content=> <meta charset=utf-8> <style type=text/css> div{ width:35%;margin-left:32%;} </style> </head> <body > <div> <form class=f1 action=http://www.baidu.com method=get > <fieldset > <legend>表单的注册</legend> <table width=100% > <tbody> <tr ><td class=“left” width=40% align=right><label for=t1>姓 名：</label></td> <td class=right><input type=text id=t1 name=name></td> </tr> <tr><td class=“left” width=40% align=right><label for=password1>密 码：</label></td> <td class=right><input id=password1 type=password name=password /></td> </tr> <tr><td class=“left” width=40% align=right><label for=e1>邮 箱：</label></td> <td class=right><input type=email id=e1 name=youxiang ></td> </tr> <tr><td class=“left” width=40% align=right><label for=1>性 别：</label></td> <td class=right><input type=radio id=1 name=ssex value=nan />男<!-- name设置成一样的就行了--> <input type=radio id=2 name=ssex value=nv />女 </td> </tr> <tr><td class=“left” width=40% align=right>地 区：</td> <td><select id=selc name=place> <option value=quanzhou>泉州</option> <option value=xiamen>厦门</option> <option value=zhangzhou >漳州</option> </select> </td> </tr> <tr><td class=“left” width=40% align=right><label for=txtarea>简 介：</label></td> <td><textarea id=txtarea></textarea></td> </tr> <tr><td class=“left” width=40% align=right>兴 趣：</td> <td><input type=checkbox id=cbox1 name=dushu value=c1>读书 <input type=checkbox id=cbox2 name=yundong value=c2>运动 <input type=checkbox id=cbox3name=chihe value=c3>吃喝 </td> </tr> <tr><td class=“left” width=40% align=right>上 传：</td> <td> <input type=file id=f1 name=shangchuan value=file1 /></td> </tr> <tr><td class=“left” width=40% align=right rowspan=2> <input id=submit1 type=submit value=提 交 /> </td> <td> <input id=reset1 type=reset value=重 置 /> </td> </tr> </tbody> </table> </fieldset> </form> </div> </body> </html> 注意其中的代码label实现的功能是使鼠标在点击文本的时候自动聚焦在文本框里！ |
| 随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。