效果图

以下为源码

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

<ol start="5" reversed="8">

    <li>nihao</li>

    <li>nihao</li>

    <li>nihao</li>

    <li>nihao</li>

    </ol>

<dl>

    <dt>nihao</dt>

    <dd>beijing</dd>

    <dd>shenzhen</dd>

    <dt>huijia</dt>

    <dd><small>beijing</small></dd>

    <dd><cite>shenzhen</cite></dd>

</dl>

<input type="text" autocomplete="on" list="test">

<datalist id="test">

    <option>nihao</option>

    <option>huanying</option>

    <option>qingdao</option>

</datalist>

<script>

    function yrdyd()

    {

        var control=document.getElementById("test");

        var direction=control.selectionDirection;

        alert(direction);

    }

</script>

<form>

<input type="text" pattern="[A-Z]{3}" name="pattern">

<input type="submit">

    <input type="text" name="pattern" id="test">

    <input type="button" value="dianjiwo" onclick="yrdyd()">

</form>

</body>

</html>

其中control.selectionDirection不起作用，即每次alert(direction),都弹出提示underfine（用的是谷歌浏览器和火狐浏览器）,估计可能浏览器对该属性支持还不完善.

												


											
html5学习笔记(2)的更多相关文章
	

    
						
  1. html5学习笔记一
		
    HTML5学习笔记 <video>标记:定义视频,Ogg.MPEG4.WebM三种格式 <video src=”movie.ogg”  controls=”controls”> ...
    
		
    2. 
						
  2. Html5学习笔记1 元素 标签 属性
		
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
    
		
    3. 
						
  3. HTML5学习笔记之表格标签
		
    HTML5学习笔记之表格标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之基础标签 HTML5学习笔记之表格标签 HTML5学习笔记之表单标签 HTML5学习笔 ...
    
		
    4. 
						
  4. HTML5学习笔记（一）：HTML简介
		
    Web前端涵盖的内容较多且杂,主要由3个部分组成:HTML标记语言.CSS样式语言和JavaScript脚本语言组成,而下面我们将先学习最新的标记语言HTML5. <!DOCTYPE>标记 ...
    
		
    5. 
						
  5. CSS3秘笈第三版涵盖HTML5学习笔记6~8章
		
    第二部分----CSS实用技术 第6章,文本格式化 指定备用字体: font-family:Arial,Helvetica,sans-serif; 当访问者没有安装第一种字体时,浏览器会在列表中继续往 ...
    
		
    6. 
						
  6. CSS3秘笈第三版涵盖HTML5学习笔记1~5章
		
    第一部分----CSS基础知识 第1章,CSS需要的HTML HTML越简单,对搜索引擎越友好 div是块级元素,span是行内元素 <section>标签包含一组相关的内容,就像一本书中 ...
    
		
    7. 
						
  7. HTML5 学习笔记（一）——HTML5概要与新增标签
		
    目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2 ...
    
		
    8. 
						
  8. Html5学习笔记(1)
		
    1.figure\figcaption||detail\summary||mark学习笔记 效果图 代码为: <!DOCTYPE html> <html> <head&g ...
    
		
    9. 
						
  9. HTML5 学习笔记--------》HTML5概要与新增标签！
		
      一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电. ...
    
		
    10. 
						
  10. [html5] 学习笔记-表单新增的元素与属性（续）
		
    本节主要讲解表单新增元素的controls属性.placeholder属性.List属性.Autocomplete属性.Pattern属性.SelectionDirection属性.Indetermi ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. synchronized同步对象锁
			
    package com.system.util; import com.common.Constants; import com.util.Cache; /** * 创建同步对象锁 * * @auth ...
    
			
    2. 
						
  2. java内存管理总结
			
    编译好的java程序需要运行在jvm中. 程序,无论是代码还是数据,都需要存储在内存中.JVM为java提供并管理所需要的内存空间. JVM内存分为堆.栈.方法区. 对象存储在堆中. This liv ...
    
			
    3. 
						
  3. Atitit 图像处理知识点  知识体系 知识图谱
			
    Atitit 图像处理知识点  知识体系 知识图谱 图像处理知识点 图像处理知识点体系 v2 qb24.xlsx 基本知识图像金字塔op膨胀叠加混合变暗识别与检测分类肤色检测other验证码生成 基本 ...
    
			
    4. 
						
  4. Atitit 函数式编程与命令式编程的区别attilax总结  qbf
			
    Atitit 函数式编程与命令式编程的区别attilax总结  qbf 1.1. 函数式程序就是一个表达式.命令式程序就是一个冯诺依曼机的指令序列. 命令式编程是面向计算机硬件的抽象,有变量(对应着存 ...
    
			
    5. 
						
  5. Java面试（2）-- Java算数表达式
			
    class Demo02{ public static void main(String[] args){ //算数运算符 +,-,*,/,%,++,-- //例1 int a = 1; int b  ...
    
			
    6. 
						
  6. transform:rotate()将元素进行不同角度的旋转
			
    通过设置transform:rotate()可以将元素进行不同角度的旋转: 下面是一些测试代码: <!DOCTYPE html> <html> <head> < ...
    
			
    7. 
						
  7. pycharm快捷键 - 官方全
			
    pycharm快捷键 - 官方全 Ctrl + F12 显示文件内的成员,继承的成员
    
			
    8. 
						
  8. KnockoutJS 3.X API 第三章 计算监控属性(5) 参考手册
			
    计算监控属性构造参考 计算监控属性可使用以下形式进行构造: ko.computed( evaluator [, targetObject, options] ) - 这种形式是创建一个计算监控属性最常 ...
    
			
    9. 
						
  9. java集合框架之Set
			
    Set集合 元素不可以重复,是无序. 方法与list相同 HashSet:不保证set的迭代顺序,不同步,内部数据结构是哈希表 如果存自定义对象则需要覆盖equals和hashCode方法 先比较ha ...
    
			
    10. 
						
  10. Android线程之并发处理
			
    上一篇为大家介绍了关于Looper的简单知识,本篇我们介绍一下多线程的并发处理,我们知道Handler通过sendMessage()发送的消息,首先发送给了Looper,存入Looper的消息栈,之后 ...
    
			
    11.