专栏首页黑泽君的专栏注册页面案例_表单标签

注册页面案例_表单标签

注册页面案例_表单标签

效果如下:

示例代码如下:

  1 <!DOCTYPE html>
  2 <html>
  3 <head>
  4 <meta charset="UTF-8">
  5 <title>注册页面案例_表单标签</title>
  6 </head>
  7 <body>
  8     <form name="myform" action="#" method="post">
  9         <table>
 10             <tr>
 11                 <td>
 12                     姓名
 13                 </td>    
 14                 <td>
 15                     <input type="text" name="username" value="张三"/>
 16                 </td>
 17             </tr>
 18             <tr>
 19                 <td>
 20                     密码
 21                 </td>    
 22                 <td>
 23                     <input type="password" name="password" value="123456"/>
 24                 </td>
 25             </tr>
 26             <tr>
 27                 <td>
 28                     性别
 29                 </td>    
 30                 <td>
 31                     <input type="radio" name="sex" value="male" checked="checked"/>男
 32                     <input type="radio" name="sex" value="female"/>女
 33                 </td>
 34             </tr>
 35             <tr>
 36                 <td>
 37                     爱好
 38                 </td>    
 39                 <td>
 40                     <input type="checkbox" name="hobby" value="football" checked="checked"/>足球
 41                     <input type="checkbox" name="hobby" value="basketball"/>篮球
 42                     <input type="checkbox" name="hobby" value="volleyball"/>排球
 43                 </td>
 44             </tr>
 45             <!-- 下拉列表 -->
 46             <tr>
 47                 <td>
 48                     地址
 49                 </td>    
 50                 <td>
 51                     <select name="city">
 52                         <option value="bj">上海</option>
 53                         <option value="sh" selected="selected">北京</option>
 54                         <option value="sz">深圳</option>
 55                         <option value="gz">广州</option>
 56                         <option value="nj">南京</option>
 57                     </select>
 58                     <select>
 59                         <option>海淀</option>
 60                         <option>朝阳</option>
 61                         <option>昌平</option>
 62                         <option>门头沟</option>
 63                         <option>东城区</option>
 64                     </select>
 65                 </td>
 66             </tr>
 67             <tr>
 68                 <td>
 69                     邮箱
 70                 </td>    
 71                 <td>
 72                     <input type="text" name="emial" value=""/>
 73                 </td>
 74             </tr>
 75             <tr>
 76                 <td>
 77                     上传头像
 78                 </td>    
 79                 <td>
 80                     <input type="file" name="file" value=""/>
 81                 </td>
 82             </tr>
 83             <!-- 文本域 -->
 84             <tr>
 85                 <td>
 86                     备注
 87                 </td>    
 88                 <td>
 89                     <textarea name="textarea" rows="20" cols="50">这是文本区域</textarea>
 90                 </td>
 91             </tr>
 92             <tr>
 93                 <td></td>    
 94                 <td>
 95                     <input type="button" name="button" value="button"/>
 96                     <input type="submit" name="submit" value="submit"/>
 97                     <input type="reset" name="reset" value="reset"/>
 98                 </td>
 99             </tr>
100             <tr>
101                 <td></td>    
102                 <td>
103                     <input type="image" name="image" src="images/btn.gif" alt="图片的提示文字"/>
104                     <input type="hidden" name="hide" value="xxxx"/>
105                     <p hidden="hidden">这是一段隐藏的段落。</p>
106                     <p>这是一段可见的段落。</p>
107                 </td>
108             </tr>
109         </table>
110     </form>
111 </body>
112 </html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • day38_Spring学习笔记_06_CRM_02

    注意:当前员工的职务所属的部门,此部门下的所有职务。代码表示:post.department.postSet editStaff.jsp

    黑泽君
  • day51_BOS项目_03

    将上面的js文件引入所需要的jsp页面中,本例以index.jsp为例 /bos19/WebContent/WEB-INF/pages/common/inde...

    黑泽君
  • 4道html笔试小题

    黑泽君
  • 前端-part10-jQuery操作样式三

    少年包青菜
  • html基础+常用标签

    程序员同行者
  • Mybatis案例超详解(上)

    本来是想像之前一样继续跟新Mybatis,但由于种种原因,迟迟没有更新,快开学了,学了一个暑假,博客也更新了不少,我觉得我得缓缓,先整合一些案例练练,等我再成...

    泰斗贤若如
  • python 宏使用详解

    宏类似python中的函数,可以传参数进去,但不能有返回值!在实际开发项目中,可以将一些复用代码抽取出来放到宏中,然后把不固定的值作为变量!

    py3study
  • HTML代码片段

    Joel
  • thymeleaf的th:each常见用法

    Dream城堡
  • Dom 事件处理函数

    别人整理的,我顺手就给捏来了哈哈。很详细的一些事件,浏览器支持情况,以及详细的说明。在这里向整理者致敬。 <!DOCTYPE html PUBLIC "-//W...

    练小习

扫码关注云+社区

领取腾讯云代金券