一、表单标签：

　表单标签：http://blog.csdn.net/mylovestart/article/details/8589002

　　html5新增表单元素：

　　1.datalist：http://www.w3school.com.cn/html5/html5_datalist.asp

　　2.keygen：http://www.w3school.com.cn/tags/tag_keygen.asp

　　3.output：http://www.w3school.com.cn/tags/tag_output.asp

二、表单属性

　　html5表单标签及标签属性总结：http://blog.csdn.net/MRname/article/details/50747387

　　定制input元素：http://www.cnblogs.com/hanxuming/p/6018770.html

三、获取表单元素

四、表单提交

四、验证表单

提交表单前验证表单的几种方法：http://blog.sina.com.cn/s/blog_74924f2401017ow2.html

经常用的的js表单验证函数：http://www.cnblogs.com/itxiaoyan2013/archive/2013/05/23/3094252.html

五、几个重要的知识点

1.

2.

3.

<!DOCTYPE HTML>

<html>

    <head>

        <title>Example</title>

        <meta name="author" content="Adam Freeman"/>

        <meta name="description" content="A simple example"/>

        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

    </head>

    <body>

        <form method="post" action="http://titan:8080/form">

            <fieldset>

                <legend>Enter Your Details</legend>

                <p><label for="name">Name: <input id="name" name="name"/></label></p>

                <p><label for="name">City: <input id="city" name="city"/></label></p>

            </fieldset>

            <fieldset disabled>

                <legend>Vote For Your Three Favorite Fruits</legend>

                <p><label for="fave1">#1: <input id="fave1" name="fave1"/></label></p>

                <p><label for="fave2">#2: <input id="fave2" name="fave2"/></label></p>

                <p><label for="fave3">#3: <input id="fave3" name="fave3"/></label></p>

            </fieldset>

            <button>Submit Vote</button>

        </form>

    </body>

</html>

4.

5.

html5权威指南：表单元素的更多相关文章

  1. html5权威指南：表格元素

    第十一章:表格元素                                                                                           ...

  2. HTML5 学习总结（二）——HTML5新增属性与表单元素

    一.HTML5新增属性 1.1.contextmenu contextmenu的作用是指定右键菜单. <!DOCTYPE html> <html> <head> & ...

  3. HTML5 学习笔记（二）——HTML5新增属性与表单元素

    目录 一.HTML5新增属性 1.1.contextmenu 1.2.contentEditable 1.3.hidden 1.4.draggable 1.5.data-* 1.6.placehold ...

  4. HTML5学习总结——HTML5新增属性与表单元素

    一HTML5新增属性 1.1contcxtmcnu contextmenu的作用是指定右键菜单. <!DOCTYPE html> <html> <head> < ...

  5. IT兄弟连 HTML5教程 HTML5表单 HTML5新增表单元素

    HTML5有一些新的表单元素:<datalist>.<keygen>.<output>.不是所有的浏览器都支持HTML5新的表单元素,但即使浏览器不支持该表单属性, ...

  6. HTML5: HTML5 表单元素

    ylbtech-HTML5: HTML5 表单元素 1.返回顶部 1. HTML5 表单元素 HTML5 新的表单元素 HTML5 有以下新的表单元素: <datalist> <ke ...

  7. 《HTML5权威指南》

    <HTML5权威指南> HTML元素: html字符实体 html全局属性 html base标签 用元数据元素说明文档 标记文字(第八章) 标记文字.组织内容.文档分节 表格元素 表单元 ...

  8. HTML5初步——新的表单元素和属性

    HTML5初步--新的表单元素和属性 HTML5初步--新的表单元素和属性 <!DOCTYPE html> <html> <head> <meta chars ...

  9. 疯狂的表单-html5新增表单元素和属性

    疯狂的表单 2015/11/27 16:44:07 从三方面来介绍html5表单的新特性 表单结构更灵活 要提交数据的控件可以布局在form标签之外,看下面的代码,表单元素可以写到form元素之外,只 ...

随机推荐

  1. 【JS学习笔记】函数传参

    比如仅仅改变背景的颜色 函数传参:参数就是占位符. 那么在什么时候用传参呢?函数里定不下来的东西. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1 ...

  2. [MFC美化] Skin++使用详解-使用方法及注意事项

    主要分为以下几个方面: 1.Skin++使用方法 2.使用中注意事项 一. Skin++使用方法 SkinPPWTL.dll.SkinPPWTL.lib.SkinPPWTL.h ,将三个文件及相应皮肤 ...

  3. android studio Activity标题栏研究

    第一次研究时间:2016/7/30,以下研究主要存在于当前最新版本的android studio上.eclipse请参考 一.头部标题取消 当前版本新建工程在 application中默认主题为 an ...

  4. UIKit

    UIAlertView UIAlertView 调用创建好对象的[testObject show]的show方法即可弹出UIAlertView UILabel UILabel常见属性 text:显示文 ...

  5. PHPStorm 安装 SASS、SCSS + Compass

    许久没更新博客啦,这两天研究了下 SASS 和 LESS ,最终选了 SASS,因为相对比较成熟些吧,试了很多坑之后,终于成功了,下面上步骤: 1. 安装 PHPStorm 的 SASS 插件 好像是 ...

  6. AndroidPullToRefresh拉动效果配置

    最近用了 开源的 AndroidPullToRefresh 库,但是发现拉动时的效果有个很奇怪的地方,无论上下拉动,当列表滚动到顶部或底部时,会瞬间弹出半个列表高度的拉动提示,感觉很不舒服,这种提示根 ...

  7. jQuery Validate【强大的表单验证】

    一.引入菜鸟教程提供的 1.14.0 版本下载地址:http://static.runoob.com/download/jquery-validation-1.14.0.zip <script ...

  8. MultipartResolver 文件上传

    SpringMVC 中文件上传 MultipartResolver 博客分类: SpringMVC - 基础篇   基于前面文章的基础上. 一.准备 需要的jar  二.配置 1.  spmvc-se ...

  9. [帖子收集]环境光遮蔽（Ambient Occlusion）

    环境光遮蔽,效果示例图 图片左边是一条龙的简单模型,呈现在一个均匀照明的环境中.尽管模型中有一些明暗不同的区域,但大部分光照都是均匀的.虽然模型有着相当复杂的几何形状,但看上去比较光滑平坦,没有明显的 ...

  10. JavaScript Date对象更进一步

    总结分享这个近期开发解决的一个Bug. Javascript的Date对象具有容错性,会自动根据当年的日期根据设置的属性值转换,也就是说Date对象的setDate会影响setMonth,month会 ...