<!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. Rstudio匹配中文

    之前在操作csv文件时一般是将中文字符在excel或用Perl将其中的中文转换成对应的英文,但是最近碰到不得不在R里面进行中文符操作,发现R里面的匹配是无法识别的中文符的.比如: df <- r ...

  2. iPhone的定位技术与Core Location框架

    来源:http://www.cnblogs.com/lovecode/archive/2011/12/24/2300579.html iPhone定位来源通常有:1. GPS定位 2. WiFi定位 ...

  3. 解决docker不能下载镜像

    试了很多办法.用ss,vpn,都不行. 修改 /etc/default/docker的方式貌似在 1.12不好使了.最后找到和这个办法 http://blog.csdn.net/gsying1474/ ...

  4. 使用PHP得到所有的HTTP请求头_还有应答头

    1)如何获取 客户端请求的头部 参考网站: http://www.neatstudio.com/show-377-1.shtml PHP中一般采用getallheaders来获取头部,但事实上,有些模 ...

  5. centos6.4添加fedora-epel源

    1. 去sohu镜像下载epel-release-6包 并安装.#wget http://mirrors.sohu.com/fedora-epel/6/x86_64/epel-release-6-8. ...

  6. eclipse中debug

      在需要测试的代码行左侧行号列上双击,生成断点 ,再次双击可以取消断点 如图:   然后右键,选择Debug As-Java Application,(注意,不是选择Run As) 开始调试java ...

  7. ora-01036 illegal variable name number 的补充

    當使用 controlparamter 時, sql 所使用的 為 "@parameter" , 但套用到 Oracle 則會出現 "ORA-01036: illegal ...

  8. C++primer 练习13.36

    #pragma once #include<string> #include<set> using namespace std; class Message { friend ...

  9. nfs挂在内核出错 T T *** ERROR: Cannot umount

    今天在U-boot挂载nfs内核是出现如下错误,网上查了解决方案. SOCFPGA_CYCLONE5 # nfs 20000 192.168.0.75:/work/nfs_root/uImageWai ...

  10. Oracle 10g RAC中的DRM问题及关闭

    在RAC环境中,Oracle使用GRD(Global Resource Service)来记录各个RAC节点的资源信息,具体通过GCS(Global Cache Service)和GES(Global ...