<form action=" "  method="post " >      action  提交到哪个页面 ，method  提交方式   get  post   

<input type="text" value="123"  placeholder="账号">   文本输入框，value值为显示在文本框中的默认值，可做修改   placeholder属性为未输入时，文本框中显示的灰色文字（IE不支持）

<input type="password" value="123"  placeholder="密码"> 密码输入框，   value值为显示在密码框中*的默认值，可做修改

<textarea cols="" rows=""><textarea/>文本域   cols，每行的字符数量   rows，有多少行

<input type="hidden" value="" />  隐藏域

按钮：

<input type="submit"  value="提交" />   提交按钮，value值为显示按钮的名称

<input type="reset" value="重置" />        重置按钮，value值同上

<input type="button" value="普通按钮"/>   普通按钮， value值同上

<input type="image" src=".../" />  图片按钮

<input type="redio" checked="checked" value=".." name="" />   单选按钮，多个单选按钮使用时，需要相同的name，表明其同组只能选其一,checked表示默认选项。

<input type="checkbox"  value="..."  name="" /> 复选按钮

<input type="file" /> 文件上传

<select size="1" >    下拉菜单， size为1的时候为下拉菜单，大于1时，为列表

          <option  selected="selected"></option>         selected默认选项

           <option></option>下拉菜单中的内容

<select />

</form>

附上一张简易注册界面的图片：

代码如下：

<!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>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<body><form>

<table align="center" bgcolor="#0099FF" border="1" cellpadding="0" cellspacing="0" width="400" height="500">

<tr>

<td width="81">邮箱</td>

<td width="313"><input type="texe" value="" name="" /></td>

</tr>

<tr>

<td></td>

<td>需要通过邮箱激活账户，不支持sohu，21cn，sogou的邮箱</td>

</tr>

<tr>

<td>登录用户名</td><td><input type="password" value="" name="" /></td>

</tr>

<tr>

<td></td><td>仅在登录时使用，字符数不少于4个</td>

</tr>

<tr>

<td>显示名称</td><td><input type="text" value="" name="" /></td>

</tr>

<tr>

<td></td><td>即昵称，字符数不少于2个</td>

</tr>

<tr>

<td>密码</td><td><input type="password" value="11111111" name="" /></td>

</tr>

<tr>

<td>确认密码</td><td><input type="password" value="11111111" name="" /></td>

</tr>

<tr>

<td></td><td>至少8位，必须包含字母，数字，特殊字符</td>

</tr>

<tr>

<td>性别</td><td><input type="radio" value="x" name="xy"  checked="checked"/>男

<input type="radio" value="y" name="xy" />女</td>

</tr>

<tr>

<td>喜好</td><td><input type="checkbox" />听音乐

<input type="checkbox" />跳舞

<input type="checkbox" />逛街

<input type="checkbox" />运动</td>

</tr>

<tr>

<td>个人信息</td>

<td><input  type="file" /></td>

</tr>

<tr>

<td></td>

<td><input type="submit" value="注册" name=""/>

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

          </tr>

</table>

</form>

</body>

</html>

　　

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. Node.js与Sails~日志机制log

    回到目录 看到Sails的日志就会想起来log4net,确实它们在很多地方是相似的,都是采用分级别记录的方式,而sails我觉得在使用上更加方便,它不需要我们做多于的事情,直接sails.log.级别 ...

  2. [Spring框架]Spring AOP基础入门总结二:Spring基于AspectJ的AOP的开发.

    前言: 在上一篇中: [Spring框架]Spring AOP基础入门总结一. 中 我们已经知道了一个Spring AOP程序是如何开发的, 在这里呢我们将基于AspectJ来进行AOP 的总结和学习 ...

  3. Atitit java 二维码识别 图片识别

    Atitit java 二维码识别 图片识别 1.1. 解码11.2. 首先,我们先说一下二维码一共有40个尺寸.官方叫版本Version.11.3. 二维码的样例:21.4. 定位图案21.5. 数 ...

  4. 更新日志 - fir.im 新版优化上线

    经过这段时间的用户反馈收集和新版本的功能调研,我们对 fir.im Rio 上传下载.应用管理再次做了调整优化.感谢之前内测用户的反馈与建议.目前 fir.im Rio 新版已正式上线,主要优化有以下 ...

  5. salesforce 零基础开发入门学习（十一）sObject及Schema深入

    sObject在salesforce中占有举足轻重的位置,除了在数据库中数据以外,我们还应该关心一下他的元信息.元信息封装在Schema命名空间内. 作为面向对象语言,我们可以畅想一下如果我们是设计人 ...

  6. java 线程协作 wait（等待）与 notiy（通知）

    一.wait().notify()和notifyAll() 为了更好的支持多线程之间的协作,JDK提供了三个重要的本地方法 //调用某个对象的wait()方法能让当前线程阻塞,并且当前线程必须拥有此对 ...

  7. Jetty 服务器的知识

    Jetty 服务器的知识 也许你还没有听说过这个Jetty服务器,不过它确实是一种比较轻量级的Java服务器,和Tomcat一样,专门解释JavaWeb程序的服务器.因为在之前学习Java Web 的 ...

  8. 深入理解CSS中的长度单位

    前面的话 本文分为绝对长度单位和相对长度单位来介绍CSS中的长度单位的主要知识 绝对长度单位 绝对长度单位代表一个物理测量 像素px(pixels) 在web上,像素px是典型的度量单位,很多其他长度 ...

  9. CSS布局（上）

    CSS布局(上) *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !import ...

  10. PHP内核的学习--PHP生命周期

    一切的开始: SAPI接口 SAPI(Server Application Programming Interface)指的是PHP具体应用的编程接口, 就像PC一样,无论安装哪些操作系统,只要满足了 ...