<!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title></title>

         <style type="text/css">

         </style>

     </head>

     <body>

         <div align="center" >

             姓名:<input type="text" name="stuName" id="stuName" value="姓名" onfocus="ffocus()"/>

             年龄:<input type="text" name="age" id="age" value="年龄" onfocus="ffocus1()"/>

             <br /><br />

             <input type="button" value="注册" onclick="register()"/>

             <!--

                 作者：1767757232@qq.com

                 时间：2017-10-22

                 描述：

                 <input type="button" value="显示" onclick="show()" />

             -->

             <input type="button" value="清空" onclick="cclear()"/>

             <div id="tip"></div>

             <hr color="aqua"/>

             <br />

             <table id="tab" frame="border" width="30%" borderclorlight="aqua" border="1">

                 <tr><th>姓名</th><th>年龄</th></tr>                

             </table>

                 <div id="show"></div>

                     <div id="show1"></div>

                         <div id="show2"></div>

         </div>

     </body>

     <script type="text/javascript">

         var stuArr=new Array(3);

         var i=0;

         function register(){

             var stuName=document.getElementById("stuName").value;

             var age=document.getElementById("age").value;

             var student={stuName:stuName,age:age};

             stuArr[i]=student;

             document.getElementById("tab").innerHTML=document.getElementById("tab").innerHTML+"<tr><td>"+stuArr[i].stuName+"</td><td>"+stuArr[i].age+"</td></tr>";

             i++;

             document.getElementById("tip").innerHTML="注册成功";

         }

         function ffocus(){

             document.getElementById("stuName").value="";

             document.getElementById("tip").innerHTML="";

         }

         function ffocus1(){

             document.getElementById("age").value="";

             document.getElementById("tip").innerHTML="";

         }

         function cclear(){

         //    stuArr.splice(0,0);

             stuArr.splice(0,stuArr.length);

             document.getElementById("tab").innerHTML="<tr><th>姓名</th><th>年龄</th></tr>        ";

             document.getElementById("tip").innerHTML="清空成功";

         }

     </script>

 </html>

js注册实现的更多相关文章

  1. js注册读秒进度条

    转载自://http://blog.csdn.net/wugouzi/article/details/12621385 <head> <meta http-equiv="C ...

  2. js注册登录审核

    <script type="text/javascript"> $(function(){ $("#sendSms").click(function ...

  3. layer.js 注册登录切换的问题

    layer.js 是一个很好用的弹窗框架,使用的时候很方便,但是今天遇到一个问题,让我很头疼啊,一直都做不出来,就是登录和注册弹窗的切换问题 这里涉及到两个页面:guide.html 即父页面,den ...

  4. 微信小程序笔记<三>入口app.js —— 注册小程序

    小程序开发框架在逻辑层使用的语言就是JavaScript,所以想玩小程序JavaScript的基本功一定要扎实.但小程序基于js做了一些修改,以方便开发者更方便的使用微信的一些功能,使得小程序更好的贴 ...

  5. js 注册控件的onclick事件

    今天做了一个全选功能:1.点击全选,全部选中.选中状态再点击全选,全部取消选中2.点击成员,判断是否成员全部选中,true:全选为选中状态,false:全选为未选中状态. 使用js是比较麻烦的就是如何 ...

  6. js 注册事件

    <!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"> ...

  7. js注册验证

    var user = $("user");var userCheck = $("userCheck");var pwd = $("pwd") ...

  8. js注册检测 用户名、密码、手机号、邮箱

    请输入电话号码:<input name="" type="text" id="telphone" value="" ...

  9. JS注册事件

    <html xmlns="http://www.w3.org/1999/xhtml"><head>    <title></title&g ...

  10. nuxt.js 注册全局组件

    plugins 属性配置 src: String (文件的路径) ssr: Boolean (默认为 true) 如果值为 false,该文件只会在客户端被打包引入. 根目录找到 nuxt.confi ...

随机推荐

  1. linux安装mysql可视化界面

    之前是一直用shell交互界面,但是最近频繁地检查数据库中的数据感觉特别麻烦,便装了一个可视化工具. 安装: $ sudo apt-get install mysql-workbench [sudo] ...

  2. VMware NAT模式设置静态IP（可上网）

    在搞电商架构的高并发高可用时,需要在VMware新建几个linux虚拟机,如果使用VMware的默认网络是自动获取的,但有时候启动虚拟机IP地址会改变,使用很不方便,所以就整理一份静态IP地址设置的方 ...

  3. android canvas drawtext 字高

    Paint pFont = new Paint(); Rect rect = new Rect(); pFont.getTextBounds("豆", 0, 1, rect); L ...

  4. 微信小程序之地址联动

    这就是我们要实现的效果 <view class="consignee"> <!-- consignee 收件人 --> <text>收件人: & ...

  5. 一句话说明Facbook React证书的矛盾点

    这项专利授权说,如果您要使用我们根据这项授权发布的软件,假如您因为专利侵权而提起诉讼,您将失去我们的专利许可.

  6. leetcode334 递增的三元子序列

    class Solution { public: bool increasingTriplet(vector<int>& nums) { //使用双指针: int len=nums ...

  7. Why convolutions always use odd-numbers as filter_size

    原文地址:https://datascience.stackexchange.com/questions/23183/why-convolutions-always-use-odd-numbers-a ...

  8. （转）java8实现对象列表去重

    java8实现列表去重,java8的stream和lambda的使用实例 通过普通的方式也可以达到去重的效果,但是借助java8新特性可以很方便的实现列表去重,测试demo如下 实体类: public ...

  9. C++数据结构之哈希表

    哈希表的定义:哈希表是一种根据关键码去寻找值的数据映射结构,该结构通过把关键码映射的位置去寻找存放值的地方.键可以对应多个值(即哈希冲突),值根据相应的hash公式存入对应的键中. 哈希函数的构造要求 ...

  10. SQL中group by使用

    多条重复记录,有一个字段可以进行区分,从重复的记录中取出其中一条,可利用group by字段 举例如下: 查询所有 查询地区中的最高分