📄 ex12-16.htm

📁 《JAVASCRIPT 动态网页编程实例手册》一书中的源代码

💻 HTM

字号:

    <html><head><title>使用输入域的onFocus事件 </title>
    <script language="JavaScript">
    <!--  
        function changeStatus(message){
            window.status = message;  
        }
    //   -->
    </script>
    </head>
    <body bgcolor="lightgrey"><b>onFocus事件演示
    <i>(请留意状态栏的提示)</i>
    <form name="form1">
        <p>用户名:
        <input type="text" name="username" size="50"
            onFocus="changeStatus('用户名长度在1-10个字符之间')">
        <p>密 码:
        <input type="password" name="passwd" size="12"
            onFocus="changeStatus('密码长度应该大于8个字符，并混合使用字母、数字和符号')">            
        <p>简要信息：<br>
        <textarea name="comments" align="left"
            onFocus="changeStatus('请说明自己的爱好、优势和特点')"
            rows="5" cols="50">游泳、篮球...
        </textarea><p>
        <input type="button" value="确定">
        <input type="reset" value="重置">
    </form>
    </body>
    </html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -