<!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. PyDev-Python的Eclipse插件安装

    PyDev官网:http://marketplace.eclipse.org/node/114 安装方法: 1,打开Eclipse,如果是初次使用,关闭欢迎页面,否则无法按照我说的方法安装. 2,打开 ...

  2. iconv 批量修改文件编码

    iconv_shell.sh #!/bin/bash "];then echo "Usage: `basename $0` dir filter" exit fi dir ...

  3. Access“存储过程"参数顺序要与执行代码生成的参数顺序一致

    OleDbParameter olp; OleDbCommand cmd = new OleDbCommand("insertYjsData"); olp = new OleDbP ...

  4. ISO14229系列之一：简介

    作者:autogeek 原文链接:http://www.cnblogs.com/autogeek/p/4458591.html 前言 由于工作中经常用到ISO-14229,因此决定对该协议做个总体介绍 ...

  5. IGeoDatabaseBridge2.GetLineOfSight

    IGeoDatabaseBridge2.GetLineOfSight Method Returns a line-of-site indicator interpolated from the TIN ...

  6. Oracle corrupt block（坏块） 详解

    转自:http://blog.csdn.net/tianlesoftware/article/details/5024966 一. 坏块说明 1.1 相关链接 在看坏块之前,先看几个相关的链接,在后面 ...

  7. ORA-00245: control file backup failed; target is likely on a local file system (转载)

    环境:DB VERSION: 11.2.0.4.0RAC 2 nodes 问题:邮件显示rman备份失败,查看rman备份日志 Starting Control File and SPFILE Aut ...

  8. cocos2d-x的环境的搭建

    1.首先提出一个我从开始接触cocosstudio和cocos2d-x的认识的误区,就是cocosstudio和cocos2d-x的区别是什么呢? cocosstudio是辅助工具,只不过它可以帮助我 ...

  9. windows server 2008 IP安全策略关闭端口，禁止ping，修改远程连接3389端口,开放指定端口

    windows server 2008 IP安全策略关闭端口:      Tomcat服务访问不了情况解决.    Windows默认情况下有很多端口是开放的,在你上网的时候,网络病毒和黑客可以通过这 ...

  10. react与jQuery对比,有空的时候再翻译一下

    参考资料:http://reactfordesigners.com/labs/reactjs-introduction-for-people-who-know-just-enough-jquery-t ...