<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>表单</title>

</head>

<body>

<form action="ok.html" method="post">

<table border="1px"  cellpadding="10px">

<tr>

<td>用户名：</td>

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

</tr>

<tr>

<td>密码：</td>

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

</tr>

<tr>

<td>确认密码:</td>

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

</tr>

<tr>

<td>年龄:</td>

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

</tr>

<tr>

<td>性别:</td>

<td>

<input type="radio" name="sex"  value="" />男

<input type="radio" name="sex"  value="" />女

</td>

</tr>

<tr>

<td>邮箱:</td>

<td><input type="text" name="Emial" placeholder="请输入邮箱" value="" /></td>

</tr>

<tr>

<td>城市:</td>

<td>

<select >

<option value="大连">大连</option>

<option selected="selected" value="哈尔滨">哈尔滨</option>

<option value="长春">长春</option>

</select >

</td>

</tr>

<tr>

<td>城市中的地区:</td>

<td>

<select name="area">

<optgroup label="北京">

<option value="海淀">海淀</option>

<option value="朝阳">朝阳</option>

<option value="西城">西城</option>

</optgroup>

</select>

</td>

</tr>

<tr>

<td>交友目的:</td>

<td>

<select size="3" name="target" multiple="multiple">

<option>玩</option>

<option>玩</option>

<option>吃吃</option>

<option>喝</option>

<option>喝</option>

</select>

</td>

</tr>

<tr>

<td>爱好:</td>

<td>

<input type="checkbox" name="hobby"  value="" />玩

<input type="checkbox" name="hobby"  value="" />听歌

<input type="checkbox" name="hobby"  value="" />玩游戏

</td>

</tr>

<tr>

<td>照片:</td>

<td><input type="file" name="photo"  value="" /></td>

</tr>

<tr>

<td>自我介绍</td>

<td>

<textarea rows="6" cols="6">

</textarea>

</td>

</tr>

<tr>

<td colspan="3">

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

<input type="reset" name="" id="reset" value="取消" />

<input type="button" name="" id="buttom" value="确认" />

</td>

</tr>

</table>

</form>

</body>

</html>

<!--表单常识

1 input必须嵌套在form中使用

2 表单上传就是客户端和服务器之间的通讯

3 get/post 是两种请求数据的方式

4 form中action=“？？”，

？？这里面是将来学的php代码，远程后台服务器(即地址)

5 使用input标签时，type和value是必须写的，另外name属性最好赋值。

HTML 表单总结http://images2015.cnblogs.com/blog/1001203/201607/1001203-20160730200559841-2144892373.png的更多相关文章

  1. 第一行代码笔记的思维导图(http://images2015.cnblogs.com/blog/1089110/201704/1089110-20170413160323298-819915364.png)

  2. ASP.NET MVC5（三）：表单和HTML辅助方法

    表单的使用 Action和Method特性 Action特性用以告知浏览器信息发往何处,因此,Action特性后面需要包含一个Url地址.这里的Url地址可以是相对的,也可以是绝对的.如下Form标签 ...

  3. Django 提交 form 表单(使用sqlite3保存数据)

    优化 提交 form 表单,https://www.cnblogs.com/klvchen/p/10608143.html 创建数据库的字段,在 models.py 中添加 from django.d ...

  4. struts2官方 中文教程 系列五：处理表单

    先贴个本帖的地址,免得其它网站被爬去了struts2教程 官方系列五:处理表单  即 http://www.cnblogs.com/linghaoxinpian/p/6906298.html 下载本章 ...

  5. ireport表单制作

    关于ireport的表单制作,可参考http://blog.csdn.net/wlwlwlwl015/article/details/51312853 这里主要讲解下如何在表单中加入table,如何让 ...

  6. Jquery表单插件使用

    一般表单提交都是同步,可以使用$.post进行异步提交,但这样意味着当表单属性很多的时候,要写的js也很多($("#xxx").val()获取属性的值后,在放入$.post第二个参 ...

  7. Django框架form表单配合ajax注册

    总结一下,其实form组件的主要功能如下: 生成页面可用的HTML标签 对用户提交的数据进行校验 保留上次输入内容 下面是写的登录页面的实例 1:views视图中的代码 # 注册页面 def regi ...

  8. 使用ajax提交form表单，包括ajax文件上传 转http://www.cnblogs.com/zhuxiaojie/p/4783939.html

    使用ajax提交form表单,包括ajax文件上传 前言 使用ajax请求数据,很多人都会,比如说: $.post(path,{data:data},function(data){ ... },&qu ...

  9. 探索ASP.NET MVC5系列之~~~3.视图篇（下）---包含常用表单和暴力解猜防御

    其实任何资料里面的任何知识点都无所谓,都是不重要的,重要的是学习方法,自行摸索的过程(不妥之处欢迎指正) 汇总:http://www.cnblogs.com/dunitian/p/4822808.ht ...

随机推荐

  1. dom4j-full.jar 解析 XML

    dom4j-full.jar 解析 XML public Document getDocument() throws DocumentException { SAXReader read=new SA ...

  2. Opencv 2.4.9在Ubuntu下的配置与安装

    [原]Opencv 2.4.9在Ubuntu下的配置安装  Opencv 2.4.9在Ubuntu下的配置与安装 surgewong@gmail.com http://blog.csdn.net/su ...

  3. Spring中PropertyPlaceholderConfigurer的使用

    Spring中PropertyPlaceholderConfigurer的使用     在使用Spring配置获取properties文件时,在网上查到相关的资料,分享哈!! (1)获取一个配置文件 ...

  4. linux下安装nginx、pcre、zlib、openssl

    1.安装nginx之前需要安装PCRE库的安装  最新下载地址   ftp://ftp.csx.cam.ac.uk/pub/software/programming/pcre/ tar –zxvf p ...

  5. [ActionScript 3.0] AS3中的位图（BitmapData）应用

    1.位图使用(模糊)滤镜 //创建一个矩形区域的BitmapData var bmd:BitmapData = new BitmapData(80, 30, false, 0xffffff); //画 ...

  6. [ActionScript 3.0] AS3 绘制星形

    package { import flash.display.Sprite; import flash.events.Event; /** * @author Frost.Yen * @E-mail ...

  7. JDBC中的PreparedStatement-防止SQL注入攻击

    在JDBC对数据库进行操作的时候,SQL注入是一种常见的针对数据库的注入攻击方式.如下面的代码所演示,在我们的提交字段中掺入了SQL语句,会使得程序的登录校验失效: package org.lyk.m ...

  8. POJ 2104 【主席树】【区间第K大】

    #include<stdio.h> #include<algorithm> #include<string.h> #define MAXN 100010 #defi ...

  9. HYSBZ 1061 志愿者招募 【最小费用流】【差分】【最小费用流模板】

    #include<stdio.h> #include<queue> #define MAXN 1003 #define MAXM 10002*4 #define INF 100 ...

  10. sopcinfo路径改变，nios工程该怎么办？

    操作系统:Win7 64 bit 开发环境:Quartus II 14.0 (64-Bit)  + Nios II EDS 14.0 使用Quartus 时,有时候出于备份的考虑,或者从网上下载别人的 ...