如下所示:
XML/HTML Code复制内容到剪贴板- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>注册表单</title>
- </head>
- <body>
- <form action="DoFormAction.htm">
- <fieldset style="width=800px"> <!--套住注册表格的边框-->
- <legend>请输入如下的信息然后进行注册</legend>
- <table cellspacing="0px" cellpadding="6px" border="1px" bordercolor="black" align="center" width="600px">
- <tr>
- <td align="right">用户名:</td> <!--文本框-->
- <td><input type="text" size="20" style="width:150px" /></td>
- </tr>
- <tr>
- <td align="right">密码:</td> <!--密码框-->
- <td><input type="password" size="20" style="width:150px" /></td>
- </tr>
- <tr>
- <td align="right">确认密码:</td>
- <td><input type="password" size="20" style="width:150px" /></td>
- </tr>
- <tr>
- <td align="right">性别:</td> <!--单选框-->
- <td>
- <input type="radio" checked="checked" name="sex1" value="男" />男
- <input type="radio" name="sex1" value="女" />女
- </td>
- </tr>
- <tr>
- <td align="right">性别(可以点文字选择):</td>
- <td>
- <fieldset style="width:150px"> <!--表单外框,也可以通过css设置宽度-->
- <legend>请选择性别</legend>
- <input type="radio" checked="checked" name="sex2" value="男" id="man" />
- <label for="man">男</label>
- <input type="radio" name="sex2" value="女" id="woman" />
- <label for="woman">女</label>
- </fieldset>
- </td>
- </tr>
- <tr>
- <td align="right">城市:</td> <!--下拉框-->
- <td>
- <select name="city">
- <option value="北京">北京</option>
- <option value="深圳">深圳</option>
- <option value="上海">上海</option>
- <option value="南昌" selected="selected">南昌</option> <!--默认选择南昌-->
- </select>
- </td>
- </tr>
- <tr>
- <td align="right">城市所在区域:</td>
- <td>
- <select name="area">
- <optgroup label="北京"> <!--下拉框分组显示-->
- <option value="朝阳区">朝阳区</option>
- <option value="海淀区">海淀区</option>
- <option value="其他区">其他区</option>
- </optgroup>
- <optgroup label="南昌">
- <option value="东湖区">东湖区</option>
- <option value="西湖区">西湖区</option>
- <option value="青山湖区">青山湖区</option>
- </optgroup>
- </select>
- </td>
- </tr>
- <tr>
- <td align="right">交友目标:</td>
- <td>
- <select name="target" size="3" multiple="multiple"> <!--列表框-->
- <option value="同行" selected="selected">同行</option>
- <option value="普通朋友">普通朋友</option>
- <option value="爱人">爱人</option>
- </select>
- </td>
- </tr>
- <tr>
- <td align="right">爱好:</td>
- <td>
- <!--复选框,注意name属性设置一样,分组-->
- <input type="checkbox" name="love" value="足球" />足球
- <input type="checkbox" name="love" value="蓝球" />蓝球
- <input type="checkbox" name="love" value="乒乓球" />乒乓球
- </td>
- </tr>
- <tr>
- <td align="right">照片上传:</td>
- <td>
- <!--文件选择框-->
- <input type="file" name="myPic" />
- </td>
- </tr>
- <tr>
- <td align="right">自我介绍:</td>
- <td>
- <!--多行文本框-->
- <textarea rows="5" cols="50">
- </textarea>
- </td>
- </tr>
- <tr>
- <td align="center" colspan="2">
- <input type="submit" value="确定" />
- <input type="reset" value="清空" />
- <input type="image" src="../images/btnreg.png" onclick="alert('hello')" /> <!--演示图片按钮(会提交数据,类似submit)
- -->
- </td>
- </tr>
- </table>
- </fieldset>
- </form>
- </body>
- </html>
以上就是小编为大家带来的HTML Form表单元素全面了解的全部内容了,希望对大家有所帮助,多多支持~
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
暂无评论...
稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!
昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。
这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?
更新日志
2024年05月21日
2024年05月21日
- 《QQ音乐 抖音热歌榜 225首 2024年第1季度.共计10期 TOP100》[FLAC/分轨][7.3GB]
- 天龙八部手游七周年 少侠集体走心庆生
- 西游笔绘西行红鳞大鳞技能介绍 技能效果一览
- 鸣潮桃祈阵容怎么搭配 最强阵容推荐
- dnf抗性怎么增加
- dnf护石可以分解吗
- dnf护石怎么合成
- 游侠晚报:《刺客信条影》预购火爆 IGN评最佳NS游戏
- 手办鉴赏室:妖精女王超帅气!阿尔托莉雅优雅战斗
- 《黑神话:悟空》将登陆WeGame!全新实机宣传片赏
- 白玛多吉《梦》限量1:1母盘直刻[低速原抓WAV+CUE]
- 林一峰2007-一期一会[香港首版][WAV+CUE]
- 林一峰2004-一个人在途上[LYFEMusic][WAV+CUE]
- 《黑神话:悟空》WeGame页面更新 删除D加密描述
- 《黑神话悟空》登热搜 网友:定价268元太良心了!