html5+css3 权威指南阅读笔记(三)---表单及其他新增和改良元素

一、新增元素及属性

1.表单内元素的form属性。

html5:

<form id="testForm">

<input type=text>

</form>

<textarea form = testForm></textarea>

2、表单内元素的formaction属性

<form id="testForm" action="test.jsp">

<input type=submit value="qqq"  formaction="test1.jsp">提交到test1

<input type=submit  value="aaa"  formaction="test2.jsp">提交到test2

<input type=submit value="aaaaaa"  formaction="test3.jsp">提交到test3

</form>

3、表单内元素的formmethod属性。

主要是用来判断该提交方式是post还是get

4、表单内元素的formenctype属性。

5、表单内元素的formtarget属性。

6、表单内的autofocus属性。

7、表单内的required属性

8、表单内的lables属性。

9、标签的control属性。

10、文本框的placeholder属性。

11、文本框的list属性。

12、文本框的autocomplete属性。

13.文本框的pattern属性。

14、文本框的selectionDirection属性。

15、复选框的indeterminate属性。

16、image提交按钮的width和heigh属性。

17、textarea的maxlength与wrap属性。

大幅度的增加和改良input属性的种类。

1、url类型。2、email类型。3.date类型。4.time类型5、datetime类型。6、datetime-local类型。7.month类型。8.week类型。9.number类型。10、range类型。等

对新增的表单元素使用样式

二、表单验证

自动验证 required pattern

三、新增的页面元素

figure figcaption

新增的detail与summary元素。

mark 高亮显示。

meter元素   规定范围内的数量值。属性值:max min low value high optimum

改良的ol列表。  start  reversed

增强的script元素。async defer

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-10-07 01:41:55

html5+css3 权威指南阅读笔记(三)---表单及其他新增和改良元素的相关文章

HTML5 表单及其他新增和改良元素(上)

1. 表单内元素的form属性 在H5中可以把form放到页面的任何地方,然后为该元素指定一个form属性,属性值为该表单的id,这样就可以声明该元素从属于指定表单了 <form id="testform"> <input type="text"> </form> <textarea form="testform"></textarea> 2. 表单内元素的formaction属性 在H

HTML-HTML5+CSS3权威指南阅读(三、CSS3)

1.display 中 block, inline, inline-block 的区别 1).默认情况下, block 宽度占满整个浏览器, inline 宽度等于其内容的宽度 2).每行只容纳一个 block 元素, 但可以并列容纳多个 inline 元素 3).block 元素宽.高.行高等可以更改, inline 元素宽.高.行高等不可更改 4).应用 inline-block 的元素呈现为内联对象, 周围元素保持在同一行, 但可以设置宽度和高度地块元素的属性(这样可以使用 li + in

Hadoop权威指南学习笔记三

HDFS简单介绍 声明:本文是本人基于Hadoop权威指南学习的一些个人理解和笔记,仅供学习參考.有什么不到之处还望指出,一起学习一起进步. 转载请注明:http://blog.csdn.net/my_acm Hadoop说白了就是一个提供了处理分析大数据的文件集群,当中最重要的无疑是HDFS(Hadoop Distributed File System)即Hadoop分布式文件系统. 1. HDFS是一种以流式数据訪问模式(一次写入多次读取的模式)存储超大文件的系统. 其不须要的高端的硬件系统

css权威指南阅读笔记-第三章声明的层级

有时候对同一个目标元素,选择器有多种不同的写法.具体哪种声明会生效,主要看层叠关系 层叠关系主要看三层,分别是特殊性,权重和顺序. 1.特殊性 选择器有各自的特殊性. 内联样式为1000,id选择器为100,class选择器和属性选择器为10,各个元素为1,通配选择器为0(0比没有大,继承的特殊性就是没有,所以有继承和通配同时出现,采用通配选择器).如 h1.box这个选择器的特殊性就是1+10=11. 当声明中有!important的时候,那么它的特殊性超过了内联样式. 继承的属性没有特殊性,

HTML-HTML5+CSS3权威指南阅读(五、设备像素和CSS像素的概念)

在这个迷你系列的文章里边我将会解释viewport,以及许多重要元素的宽度是如何工作的,比如<html>元素,也包括窗口和屏幕 这篇文章是关于桌面浏览器的,其唯一目的就是为移动浏览器中相似的讨论做个铺垫.大部分开发者凭直觉已经明白了大部分桌面浏览器中的概念.在移动端我们将会接触到相同的概念,但是会更加复杂,所以对大家已经知道的术语做个提前的讨论将会对你理解移动浏览器产生巨大的帮助. 概念:设备像素和CSS像素 你需要明白的第一个概念是CSS像素,以及它和设备像素的区别. 设备像素是我们直觉上觉

HTML-HTML5+CSS3权威指南阅读(四、媒体查询)

1.媒体类型 HTML 4和CSS 2目前支持为不同的媒体类型设定专有的样式表, 比如, 一个页面在屏幕上显示时使用无衬线字体, 而在打印时则使用衬线字体, screen 和 print 是两种已定义的媒体类型, 媒体查询让样式表有更强的针对性, 扩展了媒体类型的功能; 2.媒体特性检测媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成, 媒体查询中可用于检测的媒体特性有width.height和color(等), 使用媒体查询, 可以在不改变页面内容的情况下, 为特定的一些输出设备定制

JavaScript权威指南阅读笔记3

第六章 对象 1.首先是先介绍了对象直接量的格式:对象直接量就是1.由若干个名/值对组成的映射表,2名/值对中间由冒号分割,3名值对之间由逗号分割,4整个映射表由花括号括起来.这样就组成了一个对象直接量了.属性名可是是标识符或者字符串直接量,属性值可以使任意形式的JS表达式,表达式的值就是属性的值.就是平常所接触的对象的形式,比如: var a= { a:111,b:222} 作者还举了一个需要特别注意的知识的例子: var b = { "main title" : "aaa

css权威指南阅读笔记-第二章css选择器

css选择器有10+种.这里介绍几种常用的和他们的特点 1.元素选择器 如h1 h2 h3 a p 等一系列标签名 2 通配选择器 *,匹配所有html的元素 3 类选择器 class=‘a b'这种选择器在.a.b和.b.a是一样的,不区别先后顺序,另外类选择器区分大小写,class='A'在css中不能用.a匹配到,只能用.A匹配到 类选择器在页面中一般用于样式的复用 4 ID选择器 id选择器在页面中具有唯一性,并区分大小写,就是说box和BOX不是同一个ID 5 属性选择器 有4种模式

HTML-HTML5+CSS3权威指南阅读(一)

一.HTML5与HTML4之间的区别 1. DOCTYPE 声明 1). HTML4 中为 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2). HTML5 中为 <!DOCTYPE html> 2.指定字符编码 1). HTML4 中为 <