<!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. java的内省（introspector）

    package com.wzh.test.introspector; import java.beans.BeanInfo; import java.beans.IntrospectionExcept ...

  2. 在ubuntu下安装phpmyadmin 出现404错误

    在ubuntu下安转phpmyadmin 只要一条命令: Sudo apt-get install phpmyadmin 安装完成后,在浏览器里输入http://localhost/phpmyadmi ...

  3. Mingyang.net：No identifier specified for entity

    org.hibernate.AnnotationException: No identifier specified for entity: net.mingyang.modules.system.C ...

  4. (medium)LeetCode 210.Course Schedule II

    There are a total of n courses you have to take, labeled from 0 to n - 1. Some courses may have prer ...

  5. EF连接mysql数据库生成实体模型

    声明:本人也是第一次用EF连接mysql生成实体模型 经过试验: mysql-connector-net-6.6.6 可以支持VS2012 mysql-connector-net-6.3.9 可以支持 ...

  6. EL表达式结合页面JSTL使用 迭代显示表格

    1.迭代显示表格 <%@ page isELIgnored="false"%><%@ taglib uri="/WEB-INF/struts-bean. ...

  7. Oracle 启动状态解说

    oracle 启动状态由nomount-mount-open 一. nomount状态下操作 08:09:49 idle> startup nomount; ORACLE instance st ...

  8. [原创] IIS7下顶级域名301跳转到WWW域名

    百度搜索了众多方法,居然没有一个全面的IIS7下301域名跳转能用的教程,最终自己研究出了个可以用的供大家参考.1.绑定域名01ruodian.cn www.01ruodian.cn到空间: 2.在I ...

  9. LeetCode:237

    题目:Delete Node in a Linked List(从列表中删除指定结点) 描述:Write a function to delete a node (except the tail) i ...

  10. Android 中获取 debug 测试 SHA1 和 release SHA1 证书指纹数据的方法

    百度地图开发的时候要申请KEY,需要提供SHA1证书指纹数据 Eclipse eclipse中直接查看:windows -> preferance -> android -> bui ...