html5学习笔记(2)

效果图

html5学习笔记(2)

以下为源码

<!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)

相关文章