文档章节

HTML5的form

RippleChan
 RippleChan
发布于 2017/07/03 00:27
字数 275
阅读 22
收藏 0
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div>
        <!--
        novalidate:关闭form表单验证
        -->
        <form action="" id="myForm" novalidate>
            <!--需要输入一个网址-->
            <input type="url" name="url">
            <!--表示email地址-->
            <input type="email" name="email">
            <!--输入类型为数值-->
            <input type="number" name="number">
            <!--数值活动条-->
            <input type="range" name="range" value="50" max="100" min="0">
            <!--颜色选择器-->
            <input type="color" name="color">
            <!--时间相关的-->
            <div class="date">
                <input type="date" name="date1">
                <!--UTC标准时间-->
                <input type="datetime" name="date2">
                <!--本地完整时间-->
                <input type="datetime-local" name="date3">
                <!--小时+分钟-->
                <input type="time" name="time">
                <!--精确到月份-->
                <input type="month" name="month">
                <!--精确到周-->
                <input type="week" name="week">
            </div>
            <!--
            placeholder:输入提示文字
            autocomplete:是否保存上次输入的值
            autofocus:光标自动聚焦
            required:是否是必填
            pattern:正则验证
            -->
            <input type="text" placeholder="请输入用户名" autocomplete="on" autofocus required pattern="\d{11}" id="username">
            <!--
            formnovalidate:与novalidate的作用一致,可以自行选择
            -->
            <input type="submit" value="提交" formnovalidate>
        </form>
        <!--可以关联到id=myForm的表单,当myForm提交的同时,这个字段也能够被提交-->
        <input type="text" value="test" form="myForm">
    </div>
</body>
</html>

© 著作权归作者所有

RippleChan

RippleChan

粉丝 49
博文 105
码字总数 30222
作品 0
朝阳
程序员
私信 提问
20 个卓越的 CSS3 Web表单教程

Clean and Stylish CSS3 Form More Information on Clean and Stylish CSS3 Form Create a Stylish Contact Form with HTML5 & CSS3 More Information on Create a Stylish Contact Form wit......

红薯
2011/08/06
3.6K
6
30 个必须看的 HTML 5 教程

HTML5 和 CSS3 拓展了Web 设计的可能性。有很多大量的设计师和开发者在web设计中开始学习并使用HTML 5。 这次我们推荐的30个有用的HTML 5 教程,相信会帮助开发者提升技能。列表如下: Maki...

小卒过河
2011/07/29
15.9K
7
15 个最棒的 HTML5 和 CSS3 的表单教程

HTML5 和 CSS3 为网页开发带来了更好的体验,更佳的效果,本文主要是利用 HTML5 和 CSS3 制作一些效果非常好的表单的教程,以供参考。 Create a Stylish Contact Form with HTML5 & CSS3 Bu...

红薯
2011/07/20
2.1K
3
22 非常有用 HTML5 + CSS3 表单教程

使用 HTML5 和 CSS3 你可以创建各种创新的 Web 表单,在接下来的内容中我们将为你推荐 22 个这样的教程。 登录表单 HTML5 & CSS3 联系表单 构建一个简单的联系表单 样式漂亮的联系表单 用户注...

小编辑
2011/10/24
6.4K
3
2011年50个最好的HTML5教程

本文是个CSS 3和HTML5教程的收集,2011年度最好的教程集合。 1. HTML5 File Uploads with jQuery Today we will be developing a small web application called Upload Center, that will al......

小卒过河
2011/11/12
2.9K
0

没有更多内容

加载失败,请刷新页面

加载更多

GMTC2019|闲鱼-基于Flutter的架构演进与创新

作者:闲鱼技术-宗心 2012年应届毕业加入阿里巴巴,主导了闲鱼基于Flutter的新混合架构,同时推进了Flutter在闲鱼各业务线的落地。未来将持续关注终端技术的演变及趋势 Flutter的优势与挑战 ...

阿里云云栖社区
26分钟前
2
0
迪蒙人工智能共享停车吸引国际关注

  近来,华为创始人任正非多次提及人工智能。即便在华为生死攸关的关键时刻,任正非依旧不忘强调教育的重要性,“如果不重视教育,实际上我们会重返贫穷的,因为这个社会,最终是要走向人工智能的...

琴殇的
27分钟前
0
0
iOS开发之EventKitUI框架的应用

iOS开发之EventKitUI框架的应用 前面博客,有介绍EventKit这个框架的使用,使用EventKit可以与系统的日历和提醒应用进行交互,读写用户的日程事件。EventKitUI,顾名思义,其实基于EventKit框...

珲少
35分钟前
0
0
从MySQL源码看其网络IO模型

从MySQL源码看其网络IO模型 前言 MySQL是当今最流行的开源数据库,阅读其源码是一件大有裨益的事情(虽然其代码感觉比较凌乱)。而笔者阅读一个Server源码的习惯就是先从其网络IO模型看起。于是...

无毁的湖光-Al
36分钟前
0
0
WebService学习笔记

什么是Web Services? Web Services 是应用程序组件 Web Services 使用开放协议进行通信 Web Services 是独立的(self-contained)并可自我描述 Web Services 可通过使用UDDI来发现 Web Serv...

榴莲黑芝麻糊
52分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部