<!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. win10，软件， 发布者不受信任怎么办

    这个方法比较管用:右键单击windows左下角,弹出右击菜单选择‘命令提示符(管理员)(A)’,然后用DOS命令安装程序.就可以了 PS:win10的cmd可以直接复制粘贴了.

  2. SQL Server 2005中的分区表（六）：将已分区表转换成普通表(转)

    我的俄罗斯名叫作“不折腾不舒服斯基”,所以,不将分区表好好折腾一下,我就是不舒服. 在前面,我们介绍过怎么样直接创建一个分区表,也介绍过怎么将一个普通表转换成一个分区表.那么,这两种方式创建的表有什么 ...

  3. C++学习46 getline()函数读入一行字符 一些与输入有关的istream类成员函数

    getline函数的作用是从输入流中读取一行字符,其用法与带3个参数的get函数类似.即    cin.getline(字符数组(或字符指针), 字符个数n, 终止标志字符) [例13.7] 用get ...

  4. 用JSON方式回调服务器

    <script language="javascript"> $(function(){ $.getJSON('http://xxx/system/ecmall_ins ...

  5. js json与字符串转换

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  6. poj 2632 Crashing Robots

    点击打开链接 Crashing Robots Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 6655   Accepted: ...

  7. SparkSQL使用之Thrift JDBC server

    Thrift JDBC Server描述 Thrift JDBC Server使用的是HIVE0.12的HiveServer2实现.能够使用Spark或者hive0.12版本的beeline脚本与JD ...

  8. FPS学习记录

    最近在网上查了一些FPS的相关知识,在此和大家一起分享.FPS(Frames Per Second):每秒传输帧数,它是图像领域中的一个术语. Frames Per Second更确切的解释是“每秒中 ...

  9. android 操作sqlite的一点小技巧

    1.android 在sqlite插入数据时,是非常耗时的操作,原因是sqlite缺省会为每个插入操作开启一个事务,当数量变多的时候,自然时间就变得很慢,这时候可以考虑在插入等操作时先开启一个事务,再 ...

  10. java的文件流：字节流（FileInputStream、FileOutputStream）和字符流（FileReader、FileWriter）。

    java的输入输出建立在4个抽象类的基础上:InputStream.OutputStream.Reader.Writer.InputSream和OutputStream被设计成字节流类,而Reader ...