HTML Form表单元素全面了解
HTML Form表单元素全面了解
发布时间:2016-12-27 来源:查字典编辑
摘要:如下所示:XML/HTMLCode复制内容到剪贴板注册表单请输入如下的信息然后进行注册用户名:密码:确认密码:性别:男女性别(可以点文字选择...

如下所示:

XML/HTML Code复制内容到剪贴板 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <title>注册表单</title> </head> <body> <formaction="DoFormAction.htm"> <fieldsetstyle="width=800px"><> <legend>请输入如下的信息然后进行注册</legend> <tablecellspacing="0px"cellpadding="6px"border="1px"bordercolor="black"align="center"width="600px"> <tr> <tdalign="right">用户名:</td><> <td><inputtype="text"size="20"style="width:150px"/></td> </tr> <tr> <tdalign="right">密码:</td><> <td><inputtype="password"size="20"style="width:150px"/></td> </tr> <tr> <tdalign="right">确认密码:</td> <td><inputtype="password"size="20"style="width:150px"/></td> </tr> <tr> <tdalign="right">性别:</td><> <td> <inputtype="radio"checked="checked"name="sex1"value="男"/>男 <inputtype="radio"name="sex1"value="女"/>女 </td> </tr> <tr> <tdalign="right">性别(可以点文字选择):</td> <td> <fieldsetstyle="width:150px"><> <legend>请选择性别</legend> <inputtype="radio"checked="checked"name="sex2"value="男"id="man"/> <labelfor="man">男</label> <inputtype="radio"name="sex2"value="女"id="woman"/> <labelfor="woman">女</label> </fieldset> </td> </tr> <tr> <tdalign="right">城市:</td><> <td> <selectname="city"> <optionvalue="北京">北京</option> <optionvalue="深圳">深圳</option> <optionvalue="上海">上海</option> <optionvalue="南昌"selected="selected">南昌</option><> </select> </td> </tr> <tr> <tdalign="right">城市所在区域:</td> <td> <selectname="area"> <optgrouplabel="北京"><> <optionvalue="朝阳区">朝阳区</option> <optionvalue="海淀区">海淀区</option> <optionvalue="其他区">其他区</option> </optgroup> <optgrouplabel="南昌"> <optionvalue="东湖区">东湖区</option> <optionvalue="西湖区">西湖区</option> <optionvalue="青山湖区">青山湖区</option> </optgroup> </select> </td> </tr> <tr> <tdalign="right">交友目标:</td> <td> <selectname="target"size="3"multiple="multiple"><> <optionvalue="同行"selected="selected">同行</option> <optionvalue="普通朋友">普通朋友</option> <optionvalue="爱人">爱人</option> </select> </td> </tr> <tr> <tdalign="right">爱好:</td> <td> <> <inputtype="checkbox"name="love"value="足球"/>足球 <inputtype="checkbox"name="love"value="蓝球"/>蓝球 <inputtype="checkbox"name="love"value="乒乓球"/>乒乓球 </td> </tr> <tr> <tdalign="right">照片上传:</td> <td> <> <inputtype="file"name="myPic"/> </td> </tr> <tr> <tdalign="right">自我介绍:</td> <td> <> <textarearows="5"cols="50"> </textarea> </td> </tr> <tr> <tdalign="center"colspan="2"> <inputtype="submit"value="确定"/> <inputtype="reset"value="清空"/> <inputtype="image"src="../images/btnreg.png"onclick="alert('hello')"/><!--演示图片按钮(会提交数据,类似submit) --> </td> </tr> </table> </fieldset> </form> </body> </html>

以上就是小编为大家带来的HTML Form表单元素全面了解的全部内容了,希望对大家有所帮助,多多支持查字典教程网~

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新XHTML学习
热门XHTML学习
网页设计子分类