一、表单标签：

　表单标签：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. ipc 入侵步骤

    第一步:建立IPC隧道net use \\10.56.204.186\IPC$ "密码" /user:"用户"     第二步:映射对方c盘到本地z盘net u ...

  2. picturefill + picture 标签 实现兼容性很棒的 响应式图片 自适应 屏幕大小

    polyfill 它是一个能够补齐浏览器兼容性问题的一个东西,使用到的<picture></picture>标签 ,并不是所有浏览器都支持,为了实现更好的兼容效果,这里就使用到 ...

  3. git stash让bug来的更猛烈些吧

    git stash可以用来暂存当前正在进行的工作,比如想pull最新的代码,又不想加新commit, 或者有一个紧急的bug需要修复,但是这个bug又与你已经在做的工作(还没完成)有关联.这个时候有的 ...

  4. leetcode 024

    Given a linked list, swap every two adjacent nodes and return its head. For example,Given 1->2-&g ...

  5. 文档在线预览开源实现方案三：OpenOffice + PDFRenderer + js

    之前的方案无法很好地解决异构平台及不同浏览器的兼容性问题,如方案一需要客户端浏览器支持flash而移动端浏览器无法支持这点,虽然移动端浏览器支持方案二,但是一些老版本的IE浏览器无法支持,例如IE8就 ...

  6. 敏捷开发（十）- Scrum每日例会

    本文主要是为了检测你对SCRUM 评估会议的了解和使用程度, 通过本文你可以检测一下     1.你们的SCRUM 没人例会的过程和步骤    2.SCRUM 每日例会的输出结果一.会议目的      ...

  7. Chapter 2 Open Book——37

    I couldn't concentrate on Mike's chatter as we walked to Gym, and RE. didn't do much to hold my atte ...

  8. javascript variables 变量

    一,调试方法: 1.document.write();       直接在网页中显示. 2.alert();                       弹窗显示. 3.console.       ...

  9. sharepoint:拥有完全控制权限的用户依然“拒绝访问”

    //来源 http://www.cnblogs.com/jindahao/archive/2012/04/25/2468714.html 遇到问题: 拥有完全控制权限的用户依然拒绝访问. 可能的原因: ...

  10. informix数据迁移工具使用介绍

    一.dbschema  USAGE:     dbschema [-q] [-t tabname] [-s user] [-p user] [-r rolename] [-f procname]    ...