JavaScript小功能

最新推荐文章于 2022-04-24 09:18:11 发布

JM_杰

最新推荐文章于 2022-04-24 09:18:11 发布

阅读量282

点赞数

分类专栏： javascript 文章标签： javascript 函数

本文链接：https://blog.csdn.net/dapyandxpy/article/details/73350523

版权

javascript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">

        booleanValue = true;
        function sub(){
            var userName = document.getElementById("name").value;
            var age = document.getElementById("age").value;
            var sex = document.getElementById("sex").value;

            document.getElementById("nameShow").innerHTML = userName;
            document.getElementById("ageShow").innerHTML = age;
            document.getElementById("sexShow").innerHTML = sex;

            if (this.booleanValue){
                document.getElementById("myDiv").style.display = "block";
            }else {
                document.getElementById("myDiv").style.display = "none";
            }
            this.booleanValue = !this.booleanValue;
        }
    </script>
</head>
<body>
<form method="post" action="js_Home.iml">
    <label for="name">姓名:</label>
    <input id="name" type="text">
    <br/>
    <label for="age">年龄:</label>
    <input id="age" type="text">
    <br/>
    <label for="sex">性别:</label>
    <input id="sex" type="text">
    <input type="button"value="注册" style="background: blue" onmouseup ="this.style.background='red'"
           onmouseover="this.style.background = 'blue'" onmouseout="this.style.background = 'cyan'" onclick="sub();">
    <br/>
    <div id="myDiv" style="display: none; width: 100%; height: 200px;background-color: blue;">
        <p>注册的姓名:<span id="nameShow"></span></p>
        <p>注册的年龄:<span id="ageShow"></span> </p>
        <p>注册的性别:<span id="sexShow"></span> </p>
    </div>
    <input type="submit" value="做作业">
</form>



</body>
</html>

这里写图片描述

JM_杰

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript小功能

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> booleanValue = true; function sub(){ var userN
复制链接

扫一扫