web前端开发技术储久良第三版第15章练习与实验答案

web前端开发技术储久良第三版答案整理(10-17章)

练习15
1.选择题
(1) C (2) D (3) A (4) B (5) A (6) D (7) A

2.填空题

(1) 事件处理代码。
(2) HTML属性的静态指定、JavaScript属性的动态绑定、特定对象的特定事件。
(3) Focus、OnFocus、Submit、OnSubmit。
(4) Click、Load

3.问答题

见教材。
实验15
1. 源代码 exp_15_1演示

<!-- exp_15_1.html 实验15-1 -->
<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
<html>
    <head>
        <title> 表单处理事件 </title>
        <style type="text/css">
            fieldset
            {
                margin:20px auto;
                background:#663399;
                width:300px;
                height:200px;
                padding:20px auto;
                color:white;
                text-align:center;
            }
            legend
            {
                color:white;
                font-size:24px;
                font-weight:bold;
                text-align:center;
            }
        </style>
        <script type="text/javascript">
            function checklogin()
            {
                var username=document.getElementById("myname").value;
                var pwd=document.getElementById("mypwd").value;
                if(username=="")  //两者中有一个为空
                {
                    alert("用户名不能为空!!");
                    document.getElementById("myname").focus();
                    return false;
                }
                else
                {
                    if(username.length<8||username.length>20)
                    {
                        alert("用户名太短,应在8~20个字符之间!!");
                        document.getElementById("myname").focus();
                        return false;
                    }
                }
                if (pwd=="")  //两者中有一个为空
                {
                    alert("密码不能为空!!");
                    document.getElementById("mypwd").focus();
                    return false;
                }
                else
                {
                    if(pwd.length<8||pwd.length>20)
                    { 
                        alert("密码太短,应在6~20个字符之间!!");
                        document.getElementById("mypwd").focus();
                        return false;
                    }
                }
                return true;
            }
        </script>
    </head>
    <body>
        <form name="loginform" method="post" action="loginindex.html" onsubmit="return checklogin()">
            <fieldset>
                <legend>用户登录</legend>
                <br><br>
                <label>用户名</label>
                <input type="text" name="" id="myname" ><br><br>
                <label>密&nbsp;&nbsp;码</label>
                <input type="password" name="" id="mypwd" ><br><br><br>
                <input type="submit" value="提交"><input type="reset">
            </fieldset>
        </form>
    </body>
</html>

2. 源代码 exp_15_2演示

<!-- exp_15_2.html -->
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>显示列表项的内容</title>                
<script type="text/javascript">                          
function disaplayItem(){
var strInfo=""  //存放显示信息
var indexvalue=myform.mysel.selectedIndex;
strInfo="教材名称:"+myform.mysel.options[indexvalue].text+"\n定价:";
strInfo+=myform.mysel.options[indexvalue].value;                             
alert(strInfo);
}
</script>    
</head>
<body>    
<h3>显示列表项的内容</h3>
<form name="myform" method="post" action="">
<select name="mysel"  size="5" onchange="disaplayItem()">
<option value="35元" selected>计算机组成原理
<option value="38元">数据结构
<option value="43元">计算机网络
<option value="40元">Java程序设计
<option value="28元">算法分析
</select>
</form> 
</body>
</html>
版权声明

弈心博客


首发 弈心博客,转载请附链接!

赞赏支持

感谢支持!


建站不易,感谢支持!

推荐阅读
【Gtest(Google Test)帮助手册】en-cn Gtest官方使用文档英文文档获得方式:框架生成的执行文件,在命令行 `--help` 即可获得。 ## 中文翻译版 本操作文档只对使用Gtest (Google Test) 开发的测试用例有效。通过命令,你可以使用以下功能: 选择测试用例:  `--gtest_list_tests` 列出所有的测试用例,但并不执行。代码中的用例TEST(Foo, Bar) 显示出的结果是 "Foo.Bar".
1592

web前端开发技术储久良第三版第1章练习与实验答案 ### [web前端开发技术储久良第三版答案整理(1-9章)](https://www.yixzm.cn/blog/367.html) 练习1 **1. 选择题** (1) B (2) B (3) B (4) D (5) A **2. 填空题** (1) 标记、文本 (2) Tim Berners-Lee(蒂姆·伯纳斯·李) (3) 查看 (4) NotePad、Edi
14399

php开发遇到的Access denied for user php开发遇到的Access denied for user 'root'@'localhost'(using password:NO) 首发:2017-09-24 13:44:38 环境:CentOS 6.5 + php5.3.3 在php开发过程中,我遇到了一个问题:在命令行中登录Mysql完全正常,然而PHP代码读取数据库却出了问题。 报错如下: >Access denied for u
2774

thinkphp6 多应用模式链接 mongoDB 开发笔记 小编的下载路径供参考: ``` https://windows.php.net/downloads/pecl/releases/mongodb/1.8.1/ ``` thinkphp6 多应用模式链接 mongoDB 开发笔记 ## mongoDB 命令行操作 (1) 管理员登录mongo(注意:新安装环境默认没有超级用户密码) mongo [库名] -u [用户名] -p 示例,使用 yix 用
3343

Linux(Android)系统Root实现原理 ### 方案 主旨思想是查找系统漏洞,让本身具有root权限的进程执行打开root权限的操作。 重烧eng boot.img方案 Android版本有user版本和eng版本的区别,其中eng版本可以用于开发调试,所以本身可以开启root权限。通过重烧eng boot.img版本来获取root权限。这个原理理解起来很简单,原理章节不再详述。 ### 死锁问题 root需要考虑两个问题: (1)ro
2555

mysql or mariadb 怎么更改用户密码? mysql/mariadb 更改用户密码只需两行命令便可轻松搞定! 过程语言简单描述下: (1)登录数据库,并 use mysql 表 (2)更新密码 (3)刷新一下 更改密码和刷新的命令如下: ``` update user set password=password('passwd_string') where user='yix' and host='%'; flush pr
1128

web前端开发技术储久良第三版第17章练习与实验答案 ### [web前端开发技术储久良第三版答案整理(10-17章)](https://www.yixzm.cn/blog/368.html) 练习16 **1.选择题** (1) A (2) D (3) C (4) A (5) B (6) D (7) B (8) D (9) A (10) C **2.填空题** (1)context.drawImage(image,x,y
7934

web前端开发技术储久良第三版第16章练习与实验答案 ### [web前端开发技术储久良第三版答案整理(10-17章)](https://www.yixzm.cn/blog/368.html) 练习16 **1.选择题** (1) C (2) A (3) A (4) D (5) A (6) A (7) A (8) C (9) A (10) D (11) C **2.填空题** (1)length (2)random()、PI
8820

web前端开发技术储久良第三版第15章练习与实验答案 ### [web前端开发技术储久良第三版答案整理(10-17章)](https://www.yixzm.cn/blog/368.html) 练习15 **1.选择题** (1) C (2) D (3) A (4) B (5) A (6) D (7) A **2.填空题** (1) 事件处理代码。 (2) HTML属性的静态指定、JavaScript属性的动态绑定、特定对象的特定
11782

web前端开发技术储久良第三版第14章练习与实验答案 ### [web前端开发技术储久良第三版答案整理(10-17章)](https://www.yixzm.cn/blog/368.html) 练习14 **1.选择题** (1) A (2) C (3) B (4) C (5) C (6) A (7) D **2.填空题** (1) `` (2) 告
10541

web前端开发技术储久良第三版第13章练习与实验答案 ### [web前端开发技术储久良第三版答案整理(10-17章)](https://www.yixzm.cn/blog/368.html) 练习13 ** 1.选择题 ** (1)C (2)A (3)D (4)C (5)A (6)D (7)B (8)D (9)C (10)D (11)C (12)A ** 2.填空题 ** (1)input、list、id。 (2) sr
9829

web前端开发技术储久良第三版第12章练习与实验答案 ### [web前端开发技术储久良第三版答案整理(10-17章)](https://www.yixzm.cn/blog/368.html) ** 1.选择题 ** (1)D (2)C (3)B (4)C (5)A ** 2.填空题 ** (1)post、get (2)浏览器、服务器 (3)`
13244