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

推荐订阅源

Stack Overflow Blog
Stack Overflow Blog
量子位
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
美团技术团队
小众软件
小众软件
aimingoo的专栏
aimingoo的专栏
Recent Announcements
Recent Announcements
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Microsoft Security Blog
Microsoft Security Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
酷 壳 – CoolShell
酷 壳 – CoolShell
J
Java Code Geeks
V
V2EX
大猫的无限游戏
大猫的无限游戏
D
DataBreaches.Net
博客园 - Franky
爱范儿
爱范儿
T
Tailwind CSS Blog
A
About on SuperTechFans
Google DeepMind News
Google DeepMind News
博客园_首页
B
Blog RSS Feed
博客园 - 司徒正美
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知

博客园 - 燕闪硕

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>