5月25日 DOM | disable

练习一：输入答案，弹出是否正确。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<body>

<form>中国成立于哪一年？<input type="text" daan="1949年" id="t" name="t"/>

<input type="button" onclick="check()" id="t1" name="t1" value="检查答案"/>

</form>

</body>

</html>

<script>

function check()

{

    var a=document.getElementById("t");

    var b=a.value;

    var c=a.getAttribute("daan");

    if(b==c)

    {

        alert("恭喜您答对了！");

    }

    else

    {

        alert("对不起，您回答错了！");

    }

}

</script>

5月25日 DOM-LMLPHP

练习二：倒计时10秒，设置同意按钮，10秒倒计时结束是按钮可用，否则不能用，这里用操作属性：disable改变按钮状态,当disable="disable"时，按钮不可用。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<body>

<form><input type="submit" id="t" name="t" value="同意（10）" disabled="disabled" /></form>

</body>

</html>

<script type="application/javascript" >

var n=10;

var a=document.getElementById("t");

function miao()

{

    n--;

    if(n==0)

    {

        a.removeAttribute("disabled");

        a.value="同意";

        return;

    }

    else

    {

        a.value="同意("+n+")";

        window.setTimeout("miao()",1000);

    }

}

window.setTimeout("miao()",1000);

</script>

5月25日 DOM-LMLPHP