注册页面的设计

<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. 关于用sql语句实现一串数字位数不足在左侧补0的技巧

    在日常使用sql做查询插入操作时,我们通常会用到用sql查询一串编号,这串编号由数字组成.为了统一美观,我们记录编号时,统一指定位数,不足的位数我们在其左侧补0.如编号66,我们指定位数为5,则保存数 ...

  2. java——HashMap的实现原理，自己实现简单的HashMap

    数据结构中有数组和链表来实现对数据的存储,但是数组存储区间是连续的,寻址容易,插入和删除困难:而链表的空间是离散的,因此寻址困难,插入和删除容易. 因此,综合了二者的优势,我们可以设计一种数据结构-- ...

  3. Java 根据经纬度计算两点之间的距离

    package xxx.driver.business.utils; /** * <p>Represents a point on the surface of a sphere. (Th ...

  4. 办公OA的登陆界面..

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...

  5. jsp中的@include与jsp:include区别详解

    1 前言 搞java开发的人也许都知道在jsp中引入项目中其他文件有如下两种方式 <%@include file="xxx.jsp"%> <jsp:include ...

  6. Spark机器学习· 实时机器学习

    Spark机器学习 1 在线学习 模型随着接收的新消息,不断更新自己:而不是像离线训练一次次重新训练. 2 Spark Streaming 离散化流(DStream) 输入源:Akka actors. ...

  7. Struts2(Ognl)

    OGNL(Object-Graph Navigation Language)全称为对象图导航语言,是一种功能强大的表达式语言,它通过简单一致的语法,可以任意存取对象的属性或者调用对象的方法,能够遍历整 ...

  8. AC日记——砍树 codevs 1388

    1388 砍树  时间限制: 1 s  空间限制: 256000 KB  题目等级 : 黄金 Gold 题解  查看运行结果     题目描述 Description 伐木工人米尔科需要砍倒M米长的木 ...

  9. jQuery选择器和选取方法 http://www.cnblogs.com/MaxIE/p/4078869.html

    我们已经使用了带有简单Css选择器的jQuery选取函数:$().现在是时候深入了解jQuery选择器语法,以及一些提取和扩充选中元素集的方法了. 一.jQuery选择器 在CSS3选择器标淮草案定义 ...

  10. react自学笔记总结不间断更新

    React React 是由Facfbook维护的一套框架,并且引用到instagram React只是我们熟悉MVC框中的V层,只是视图层面的一个框架,只有俩个半api(createClass,cr ...