一、表单标签：

　表单标签：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. 【C#】Deep copy of objects

    If you learned C++ carefully, you must have known something about the copy of object. For example, I ...

  2. windows下运行hadoop2.7.2

    1.下载hadoop-2.7.2.tar.gz 2.解压到D:\hadoop\ 3.配置HADOOP_HOME环境变量 4.将%HADOOP_HOME%\bin目录添加到path环境变量中 5.配置J ...

  3. [UWP-小白日记13]Composition动画

    前言 首先,来对比下传统动画和Composition动画.看图就能明白composition动画的优势太明显就像官方说的大幅度的降低了动画的实现难度和代码量. 传统的动画,就拿最常见的就是过度动画:进 ...

  4. javascript入门基础知识

    JavaScript介绍: 1. javascrip是互联网上最流行的脚本语言,可用于Web和HTML,更可广泛用于服务器.pc端.移动端. 2. javascript脚本语言: javascript ...

  5. UVA11549 计算机谜题（Floyd判圈算法）

    #include<iostream> #include<cstdio> #include<cstring> #include<cmath> #inclu ...

  6. shrio初体验（1）

    p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #e6427a } p.p2 { margin: 0.0px 0 ...

  7. ubuntu 安装wxpython2.8

    echo "deb http://archive.ubuntu.com/ubuntu wily main universe" | sudo tee /etc/apt/sources ...

  8. 某网站看到的某神的Symfony_使用心得

    1.symfony2这种量级的框架怎么可能有捷径可走?其定位是松藕合和易扩展,并不是很容易的事.sf2是靠configuration系统(它可以把各种语义化yml配置转为数组)和服务容器概念来实现的b ...

  9. C#基础、基础知识点（新人自我总结，开启java学习之路）

    从2016年12月29开班,开课到现在C#基础已经算是简答的学习了一点,一个为期两周的课程,或多或少对现在学的Java有着一定的帮助吧,我们先从软件入门来接触c#这门语言: 一.软件开发中的常用术语: ...

  10. [SQL基础教程] 2-3 逻辑运算符

    [SQL基础教程] 2-3 逻辑运算符 NOT AND OR 优先级 ( )改变优先级 AND 优先级高于 OR NULL 引入三值逻辑