一、表单标签：

　表单标签：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. 算法笔记_014:合并排序（Java）

    1 问题描述 给定一组数据,使用合并排序得到这组数据的非降序排列. 2 解决方案 2.1 合并排序原理简介 引用自百度百科: 合并排序是建立在归并操作上的一种有效的排序算法.该算法是采用分治法(Div ...

  2. Java Web学习笔记--JSP for循环

    JSP for循环 <%@ page language="java" contentType="text/html; charset=UTF-8" %&g ...

  3. spring boot maven 插件

    spirng boot 需要使用专用maven插件打包,才能打包.引入如下. <build>        <plugins>            <plugin> ...

  4. redis的持久化 rdb和aof

    1.rdb(Redis DataBase) 当满足条件时,redis单独会fork(创建)一个新的线程,会先将内存中的数据写入到一个临时文件中,待持久化过程都结束了,再用这个临时文件替换上次已经持久化 ...

  5. python3 流程控制

    表达式if ... else >>> if 3 > 4: ... print('False') ... else: ... print('True') ... True 表达式 ...

  6. TCP connect EADDRNOTAVAIL（99）错误原因分析

    转自:http://blog.chinaunix.net/uid-20662820-id-3371081.html 关于TCP connect 返回错误99,可以能大家都会遇到,这里就分析一下这个错误 ...

  7. %type的用法

    //%type //如果声明的变量是直接映射到数据库的某一列上,那么就可以使用%type关键字将变量 //锚定到这个列上.这样做有什么好处呢? //比如: //declare v_ename scot ...

  8. 【Python】回文

    首先判断一个字符串是否回文: def isPlalind(s): if len(s) == 1: return True else: return s[0] == s[-1] and isPlalin ...

  9. #数论-模运算#POJ 1150、1284、2115

    1.POJ 1150 The Last Non-zero Digit #质因数分解+模运算分治# 先贴两份题解: http://www.hankcs.com/program/algorithm/poj ...

  10. hdu 3410 Passing the Message(单调队列)

    题目链接:hdu 3410 Passing the Message 题意: 说那么多,其实就是对于每个a[i],让你找他的从左边(右边)开始找a[j]<a[i]并且a[j]=max(a[j])( ...