注册页面的设计

<body leftmargin="400px" topmargin="200px">

<form method="post" action="http://www.baidu.com">

<table border="2px" heigth="200px">

<tr>

<td align="right">用户名：</td>

<td>

<input type="text" name="" id="" value="" placeholder="请输入用户名" />

</td>

</tr>

<tr>

<td align="right">密码：</td>

<td>

<input type="password" name="" id="" value="" placeholder="请输入密码"/>

</td>

</tr>

<tr>

<td align="right">确认密码：</td>

<td>

<input type="password" name="" id="" value="" placeholder="请再次输入密码"/>

</td>

</tr>

<tr>

<td align="right">验证码：</td>

<td>

<input type="text" name="" id="" value="" placeholder="请输入验证码" /><img src="1.gif" width="30px"/>

</td>

</tr>

<tr>

<td align="right">性别：</td>

<td>

<input type="radio" name="r1" id="r1" checked="checked" value="" />

<lable for="r1">男</lable>

<input type="radio" name="r1" id="r2" value="" />

<lable for="r1">女</lable>

</td>

</tr>

<tr>

<td align="right">年龄：</td>

<td>

<input type="text" name="" id="" value="" placeholder="请输入年龄"/>

</td>

</tr>

<tr>

<td align="right">爱好：</td>

<td>

<select name="" id="si" size="1" multiple="multiple">

<option value="">购物</option>

<option value="">上网</option>

<option value="">运动</option>

<option value="">看电影</option>

<option value="">听音乐</option>

</select> 

</td>

</tr>

<tr>

<td align="right">你喜欢的游戏：</td>

<td>

<input type="checkbox" name="" id="c1" value="b1" />

<label for="c1">穿越火线</label>

<input type="checkbox" name="" id="c2" value="b2" checked="checked"/>

<label for="c2">英雄联盟</label>

<input type="checkbox" name="" id="c3" value="b3" />

<label for="c3">逆战</label>

<input type="checkbox" name="" id="c4" value="b4" />

<label for="c1">守望先锋</label>

</td>

</tr>

<tr>

<td align="right">邮箱：</td>

<td>

<input id="" name="" value="" placeholder="请输入邮箱" />@qq.com7

</td>

</tr>

<tr>

<td align="right">邮箱密码：</td>

<td>

<input type="password" name="" id="" value="" placeholder="请输邮箱入密码"/>

</td>

</tr>

<tr>

<td align="center">

<input type="submit" name="" id="" value="提交" />

</td>

<td>

<input type="reset" name="" id="" value="重置"/>

</td>

</tr>

</table>

</form>

</body>

form表单练习的更多相关文章

  1. form表单验证-Javascript

    Form表单验证: js基础考试内容,form表单验证,正则表达式,blur事件,自动获取数组,以及css布局样式,动态清除等.完整代码如下: <!DOCTYPE html PUBLIC &qu ...

  2. Form 表单提交参数

    今天因为要额外提交参数数组性的参数给form传到后台而苦恼了半天,结果发现,只需要在form表单对应的字段html空间中定义name = 后台参数名 的属性就ok了. 后台本来是只有模型参数的,但是后 ...

  3. form表单 ----在路上（15）

    form 表单就是将用户的信息提交到服务器,服务器会将信息存储活着根据信息查询数据进行增删改查,再将其返回给用户. 基本格式: <form action="" method ...

  4. form表单的字符串进行utf-8编码

    <form>表单有assept-charset属性.该属性规定字符的编码方式,默认是"unknown",与文档的字符集相同. 该属性除了Internet explore ...

  5. 细说 Form (表单)

    细说 Form (表单) Form(表单)对于每个WEB开发人员来说,应该是再熟悉不过的东西了,可它却是页面与WEB服务器交互过程中最重要的信息来源. 虽然Asp.net WebForms框架为了帮助 ...

  6. 通过form表单的形式下载文件。

    在项目中遇到问题,要求动态拼接uri下载文件.但是由于项目的安全拦截导致window.location.href 和 window.open等新建窗口的方法都不行. 无意间百度到了通过form表单来下 ...

  7. form 表单跨域提交

    <!DOCTYPE html><html> <head> <title>form 表单上传文件</title> <script src ...

  8. form表单的属性标签

    form表单的常用标签 表单: <form id="" name="" method="post/get" action=" ...

  9. form表单的属性标签和练习

    form表单的标签 做一个如下图的form表单: 我们的代码如下: <body leftmargin="400px" topmargin="200px"& ...

  10. Django基础，Day5 - form表单投票详解

    投票URL polls/urls.py: # ex: /polls/5/vote/ url(r'^(?P<question_id>[0-9]+)/vote/$', views.vote, ...

随机推荐

  1. Android 5.X新特性之RecyclerView基本解析及无限复用

    说到RecyclerView,相信大家都不陌生,它是我们经典级ListView的升级版,升级后的RecyclerView展现了极大的灵活性.同时内部直接封装了ViewHolder,不用我们自己定义Vi ...

  2. Android核心组件 Activity组件

    1.Activity简介 四大组件之一的Activity组件,在应用中一个Activity可以用来表示一个界面,中文意思也可以理解为"活动",即一个活动开始,代表Activity组 ...

  3. iOS7之后设置NavigationBar的背景

    iOS7之后,请注意需要使用setBarTintColor ``` [self.navigationController.navigationBar setBarTintColor:[UIColor ...

  4. sys.dm_os_waiting_tasks 引发的疑问(中)

    上一篇我们说了一下sys.dm_exec_requests 和 sys.dm_os_waiting_tasks 在获取并行等待的时候得不同结果,这一篇我们谈论下我的第二个疑问:为什么一个并行计划(4线 ...

  5. 版本控制-Git服务器搭建和常用命令使用

    Git是目前世界上最先进的分布式版本控制系统(没有之一).使用Svn的请参考<版本控制-svn服务器搭建和常用命令(centos 6.3)>,下面介绍Git的常用命令 常用命令 简单版 升 ...

  6. pmd静态代码分析

    在正式进入测试之前,进行一定的静态代码分析及code review对代码质量及系统提高是有帮助的,以上为数据证明 Pmd 它是一个基于静态规则集的Java源码分析器,它可以识别出潜在的如下问题:– 可 ...

  7. java.lang.OutOfMemoryError: PermGen space及其解决方法

    PermGen space的全称是Permanent Generation space,是指内存的永久保存区域OutOfMemoryError: PermGen space从表面上看就是内存益出,解决 ...

  8. 项目vue2.0仿外卖APP（七）

    ratings评价列表页实现 在ratings.vue组件里开发 首先先引入seller数据: 书写模板结构: 由于评价页又有之前写过的star.vue组件,所以又要在ratings.vue组件引入: ...

  9. [LeetCode] Design Hit Counter 设计点击计数器

    Design a hit counter which counts the number of hits received in the past 5 minutes. Each function a ...

  10. [LeetCode] Course Schedule II 课程清单之二

    There are a total of n courses you have to take, labeled from 0 to n - 1. Some courses may have prer ...