<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. Android开发学习之路-Android Design Support Library使用（CoordinatorLayout的使用）

    效果图: 上面的这个图有两个效果是,一个是顶部的图片,在上滑之后会隐藏起来并且显示出一个ToolBar(ToolBar类似于ActionBar,但是只有ToolBar是兼容Material Desig ...

  2. 对于System.Net.Http的学习（一）——System.Net.Http 简介

    System.Net.Http 是微软推出的最新的 HTTP 应用程序的编程接口, 微软称之为“现代化的 HTTP 编程接口”, 主要提供如下内容: 1. 用户通过 HTTP 使用现代化的 Web S ...

  3. 阿里云部署Java web项目初体验（转)/linux 上配置jdk和安装tomcat

    摘要:本文主要讲了如何在阿里云上安装JDK.Tomcat以及其配置过程.最后以一个实例来演示在阿里云上部署Java web项目. 一.准备工作 购买了阿里云的云解析,和云服务器ecs. 2.下载put ...

  4. 快速入门系列--WCF--01基础概念

    转眼微软的WCF已走过十个年头,它是微软通信框架的集大成者,将之前微软所有的通信框架进行了整合,提供了统一的应用方式.记得从自己最开始做MFC时,就使用过Named Pipe命名管道,之后做Winfo ...

  5. 大型.NET商业软件代码保护技术 技术与实践相结合保护辛苦创造的劳动成果

    列举工作以来遇到的各种类型的软件所采用的代码保护技术,只讲原理不涉及技术细节实现,以避免产生法律问题.有些朋友说直接把代码放在Github开源下载,开源可以促进技术交流与进步,然而值钱的代码都积压在硬 ...

  6. 深入理解CSS溢出overflow

    × 目录 [1]定义 [2]属性 [3]失效[4]应用 前面的话 当一个元素固定为某个特定大小,但内容在元素中放不下.此时就可以利用overflow属性来控制这种情况 定义 overflow溢出 值: ...

  7. 信息加密之消息摘要算法的MAC

    MAC是消息摘要算法的第三种实现方式,另外两种方式分别为:MD2\4\5.SHA. MAC的jdk实现:1.默认密钥方式 private static void MAC_JDK(){ try { Ke ...

  8. python--基础学习（三）字符串单引号、双引号、三引号

    1.基本认识 单引号字符串:'python' 双引号字符串:"python" 三引号字符串:'''python'''(三单引号),"""python& ...

  9. Android强制设定横屏时，SurfaceView一直黑屏

    接着上一个问题,解决了SurfaceView闪屏问题之后(http://www.cnblogs.com/Joanna-Yan/p/4829325.html),又有了一个新的问题.现在我想设置含有fra ...

  10. SpaceBase – 基于 Sass 的响应式 CSS 框架

    SpaceBase 是一个基于 Sass 的响应式 CSS 框架.SpaceBase 是可以在建立和定制您的需要的一个样板层,它结合最佳实践为今天的响应式网页与我们对每一个项目中使用的核心组件. 在线 ...