惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园 - 司徒正美
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Last Week in AI
Last Week in AI
大猫的无限游戏
大猫的无限游戏
博客园 - Franky
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
爱范儿
爱范儿
The Cloudflare Blog
阮一峰的网络日志
阮一峰的网络日志
博客园 - 叶小钗
博客园_首页
有赞技术团队
有赞技术团队
WordPress大学
WordPress大学
宝玉的分享
宝玉的分享
V
V2EX
V
Visual Studio Blog
博客园 - 三生石上(FineUI控件)
S
SegmentFault 最新的问题
量子位
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Apple Machine Learning Research
Apple Machine Learning Research
美团技术团队

博客园 - 燕闪硕

EF Core 批量操作实战:3 种方案对比与性能测试 Python 开发 Windows 客户端:Web 技术做界面的 5 款核心工具 Python描述器(Descriptor)深度解析:OOP底层核心机制实操指南 使用pyenv-win管理多版本Python Python字符串编码及正则表达式使用 利用canvas在手机页面实现景区导航的一点思路 重装系统后遇到Git Authentication failed 错误 [转帖]如何准确高效的获取数据库新插入数据的主键id [转帖]SQL中partition关键字的使用 利用分布类防止EF更新模型丢失验证信息 列表样式切换 CSS3 简易照片墙 HTML5 元素拖放 HTML 5 全局属性 微软build 2015 写个程序登陆58同城 工厂方法 简单工厂 System.Data.SQLite兼容32位和64位问题
HTML5表单增强
燕闪硕 · 2015-08-31 · via 博客园 - 燕闪硕

感觉最大的改变就是表单元素可以不写在form标签中。写在其他地方,加个form属性就能提交了
别的嘛感觉没什么,表单验证也不能提示信息,感觉不实用

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <h1>表单增强</h1>
        <form id="form1" action="index.html" method="post">
            
            <!--规定输入字段的值的模式或格式。传入一个正则-->
            <input type="text" pattern="[0-9]{11}" title="输入数字" placeholder="数字" />
            <!--required非空验证-->
            <input required="required" type="text" />
            <!--min最小值 max最大值-->
            <input type="number" min="10" max="100"  placeholder="数字10-100"/>
                
            <!--formation规定提交地址,覆盖form表单的action-->
            <input type="submit" value="提交" formaction="action1.html" />
            <!--规定提交方法,覆盖form表单的method属性-->
            <input type="submit" value="提交" formmethod="get" />
            <!--和target属性一个意思-->
            <input type="submit" value="提交" formtarget="_blank" />
            
        </form>
        
        <!--form属性,值是form表单的id,表示从属于这个表单,不用写在form标签内-->
        <input form="form1" type="text" value="" />
        
    </body>
</html>