html5-表单属性及<!DOCTYPE> 标签
<!DOCTYPE> 标签
定义和用法
<!DOCTYPE> 声明必须位于HTML 5 文档中的第一行，也就是位于<html> 标签之前。该标签告知浏览
器文档所使用的HTML 规范。
doctype 声明不属于HTML 标签；tag; 它是一条指令，告诉浏览器编写页面所用的标记的版本。
在所有HTML 文档中规定doctype 是非常重要的，这样浏览器就能了解预期的文档类型。
HTML 4.01 中的doctype 需要对DTD 进行引用，因为HTML 4.01 基于SGML。而HTML 5 不基于
SGML，因此不需要对DTD 进行引用，但是需要doctype 来规范浏览器的行为（让浏览器按照它们应该的
方式来运行。）
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>html5表单属性</title>
<style type="text/css">
p
{
font-size:;
color:Orange;
}
</style>
</head>
<body> <form action="" method="get" autocomplete="on" id="f1">
<p>autocomplete 属性
autocomplete 属性规定form 或input 域应该拥有自动完成功能。
注释：autocomplete 适用于<form> 标签，以及以下类型的<input> 标签：text, search, url,
telephone, email, password, datepickers, range 以及color。
当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项：</p>
First name: <input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
E-mail: <input type="email" name="email" autocomplete="off" /><br />
<p>请填写并提交此表单，然后重载页面，来查看自动完成功能是如何工作的。</p>
<p>请注意，表单的自动完成功能是打开的，而e-mail 域是关闭的。</p> <p>autofocus 属性<br />
autofocus 属性规定在页面加载时，域自动地获得焦点。</p>
快到这里来: <input type="text" name="u" autofocus="autofocus" /> 焦点在这里！ <p style="color:red">form 属性
form 属性规定输入域所属的一个或多个表单。
注释：form 属性适用于所有<input> 标签的类型。
form 属性必须引用所属表单的id：</p> <input type="submit" value="提 交" />
<p>表单重写属性<br />
表单重写属性（form override attributes）允许您重写form 元素的某些属性设定。<br />
表单重写属性有： <br />
formaction - 重写表单的action 属性<br />
formenctype - 重写表单的enctype 属性<br />
formmethod - 重写表单的method 属性<br />
formnovalidate - 重写表单的novalidate 属性<br />
formtarget - 重写表单的target 属性<br />
注释：表单重写属性适用于以下类型的<input> 标签：submit 和image。</p>
<input type="submit" formaction="html5影像.htm" value="重写表单Action属性转到html5影像" />
<br />
<input type="submit" formnovalidate="true" value="重写提交验证属性（不验证了）" />
<br />
<p>height 和width 属性只适用于image 类型的<input> 标签。</p>
<input type="image" src="../images/flower.png" width="" height="" /> <p>multiple 属性规定输入域中可选择多个值。注：适用于<input>类型的email,file标签</p>
请选择文件：<input type="file" multiple="multiple" />
<p>novalidate 属性适用于<form> 以及以下类型的<input> 标签：text, search, url, telephone,
email, password, date pickers, range 以及color. </p>
Url地址（不要验证我）：<input type="url" novalidate="true" />
</form> <p style="color:red">下面的输入域在form 元素之外，但仍然是表单的一部分。</p>
验得到我吗（Email）: <input type="email" name="lname" form="f1" /> 注：如需引用一个以上的表单，请使用空格分隔的列表。<br /><br />
</body>
</html>
code1
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
p
{
font-size:;
color:Orange;
}
</style>
</head>
<body>
<form action="" >
<p>pattern 属性规定用于验证input 域的模式（pattern）。pattern 属性适用于以下类型的<input> 标签：text, search, url, telephone, email 以及password。下面的例子显示了一个只能包含三个字母的文本域（不含数字及特殊字符）：</p>
<p>placeholder 属性提供一种提示（hint），描述输入域所期待的值。提示（hint）会在输入域为空时显示出现，会在输入域获得焦点时消失</p>
<p>required 属性规定必须在提交之前填写输入域（不能为空）。</p>
三个字母: <input type="text" name="c" pattern="[A-z]{3}" title="三个字母" placeholder="请输入三个字母" required="required"/> <input type="submit" value="提 交" />
</form>
</body>
</html>
html5-表单属性及<!DOCTYPE> 标签的更多相关文章
- HTML5: HTML5 表单属性
ylbtech-HTML5: HTML5 表单属性 1.返回顶部 1. HTML5 表单属性 HTML5 新的表单属性 HTML5 的 <form> 和 <input>标签添加 ...
- 服务器变量 超级全局数组$_SERVER (附加超简单表单与html5表单属性)
001.html <html> <head><title>user log</title> <meta http-equiv="cont ...
- HTML5 表单属性
form 属性 form 属性规定输入域所属的一个或多个表单. 注释:form 属性适用于所有 <input> 标签的类型. form 属性必须引用所属表单的 id: 实例 <for ...
- IE不支持HTML5表单属性placeholder的解决办法
1. [代码][JavaScript]代码 (function ($) { $.fn.placeholder = function (options) { var defaults ...
- HTML5学习总结-05 HTML5表单
一 HTML5 新的类型 HTML5 拥有多个新的表单输入类型.这些新特性提供了更好的输入控制和验证. email url number range Date pickers (date, month ...
- HTML 总结-表单-表单属性
HTML5 表单属性 HTML5 的新的表单属性 本章讲解涉及 <form> 和 <input> 元素的新属性. 新的 form 属性: autocomplete novali ...
- jQuery html5Validate基于HTML5表单验证插件
更新于2016-02-25 前面提到的新版目前线上已经可以访问: http://mp.gtimg.cn/old_mp/assets/js/common/ui/Validate.js demo体验狠狠地 ...
- HTML5 表单自学记录
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- html5中新增的form表单属性
html5中新增两个表单属性,分别autocomplete和novalidate属性 1.autocomplete属性 该属性用于控制自动完成功能的开启和关闭.可以设置表单或者input元素,有两个属 ...
随机推荐
- 监督学习之knn算法
1.1 KNN(K-Nearest Neighbor)工作原理: 存在一个样本数据集合,也称为训练样本集,并且样本集中每个数据都存在标签,即我们知道样本集中每一数据与所属分类对应的关系.输入没有标签 ...
- NodeJs--HTTP源码分析
在github上按下按键t,就可以呼出仓库搜索的面板(在大型项目中方便检索文件),检索出http.js文件检索出来,通过ctrl+F来搜索某个方法. _http_outgoing 带下划线的是私有模块 ...
- linux安装svn客户端rabbitvcs
我们都知道,自从svn出道以来,很多人都预言,cvs将会被其取代.就如同他们预言maven要取代ant一样.可见,svn的流行.在Windows中,最常用到的开源免费的svn客户端就是Tortoise ...
- OAuth2.0标准类库汇总
转载官网: https://oauth.net/code/ https://www.w3cschool.cn/oauth2/5ghz1jab.html 服务端类库 .NET .NET DotNetOp ...
- _proto_ 和prototype自己的理解
对象(obj)并不具有prototype属性,只有函数(function)才有prototype属性 1.在JS里,万物皆对象. 方法(Function)是对象,方法的原型(Function.prot ...
- 网络编程之Socket的TCP协议实现客户端与客户端之间的通信
我认为当你学完某个知识点后,最好是做一个实实在在的小案例.这样才能更好对知识的运用与掌握 如果你看了我前两篇关于socket通信原理的入门文章.我相信对于做出我这个小案列是完全没有问题的!! 既然是小 ...
- 理解tcp顺序释放操作和tcp的半关闭
Shutdown的调用 在关闭socket的时候,可以有两种方式closesocket和shutdown,这两个函数的区别在什么地方呢? #include <sys/socket. ...
- sqli-labs(十)（过滤注释符）
第二十三关: 这关还是一个GET型.字符串.单引符号.的有报错的sql注入,输入?id=1' ,页面会报错 我们继续按照之前的套路来,先输入?id=1' or '1'='1 页面正常显示,说明这个地 ...
- JavaScript 字符串replace全局替换
一般使用replace let str = "2018-8-14"; str.replace('-','/')//2018/8-14 并没有替换第二个”-“, 所以我们用正则表达式 ...
- JAVA8函数式接口
java8 中内置的四大核心函数接口** Consumer<T> :消费型接口* void accept(T t)* Supplier<T> :供给型接口* T get()** ...