js实现用于建立新的一行且增加的四个文本框为空的且被禁用

更新时间：2007年04月21日 00:00:00 作者：

用于建立新的一行且增加的四个文本框为空的且被禁用

<html>  <head>  <meta http-equiv="Content-Language" content="zh-cn">  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  <meta name="GENERATOR" content="Microsoft FrontPage 4.0">  <meta name="ProgId" content="FrontPage.Editor.Document">  <title>用户ID</title>  <style>    </style>  <script language="javascript">    </script>  </head>    <body>  <form id=form1 method="POST" action="submit.htm" language="javascript" onsubmit="return check_form()" >  <input type="hidden" name="hidden_index" value="">  <table border="1" width="58%" bordercolor="#000000" cellspacing="0" cellpadding="0" bordercolordark="#FFFFFF" height="16" id=Table1>    <tr>      <td width="15%" align="center" bgcolor="#E6E6E6" height="16">用户ID </td>      <td width="24%" align="center" bgcolor="#E6E6E6" height="16">用户名</td>      <td width="7%" align="center" bgcolor="#E6E6E6" height="16">性别</td>      <td width="8%" align="center" bgcolor="#E6E6E6" height="16">年龄</td>      <td width="34%" align="center" bgcolor="#E6E6E6" height="16">添加</td>      <td width="21%" align="center" bgcolor="#E6E6E6" height="16">删除</td>    </tr>      </table>    <p><input type="button" value="增加一行" name="B3"  onclick="build_row()"><input type="submit" value="提交" name="B1"><input type="button" value="平均年龄" name="B6" onClick="age_average()"><input type="text" name="T5" size="7">岁</p>  </form>  <table border="1" width="100%" bordercolor="#000000" cellspacing="0" cellpadding="0" bordercolordark="#FFFFFF" height="54">    <tr>      <td width="100%" bgcolor="#E6E6E6" height="27">        <p align="center">设计要求</td>    </tr>    <tr>      <td width="100%" height="93">1.当用户点击"增加一行",Table就增加一个Tr(包括四个文本框，"添加","删除此行"两个按钮。)。       ł.增加的四个文本框为空的且被禁用，用户只要点击"添加"按钮来选择用户的值。       Ń.当用户点击"添加"按钮,就弹出新窗口，新窗口为一用户列表，用户列表只有"用户ID"和"用户名"两个字段显示.       ń.当选择用户列表Onmouseover时，鼠标变成"hand",当前行的TR的bgcolor为蓝色，字为白色。当用户onclick时，相应的值就添加到四个文本框中。新窗口自动关闭。       Ņ.当用户点击"删除此行"按钮时，整个相应的Tr就被删除。       ņ.算出"平均年龄"       Ň.在提交前，要判断是否有文本框为空，用空的就不能提交，提示用户进行添加。</td>    </tr>    <tr>      <td width="100%" height="23" bgcolor="#E6E6E6">难度：较难?????????         完成时间：半天</td>    </tr>  </table>  </body>  </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

js实现用于建立新的一行且增加的四个文本框为空的且被禁用

JavaScript实现生成动态表格和动态效果的方法详解
这篇文章主要介绍了如何通过JavaScript语言实现动图表格的生成以及动态效果的实现，文中的示例代码讲解详细，感兴趣的可以了解一下
2022-02-02
JavaScript中常见内置函数用法示例
这篇文章主要介绍了JavaScript中常见内置函数用法,结合实例形式分析了JavaScript常用内置函数的功能、参数、使用方法及相关操作注意事项,需要的朋友可以参考下
2018-05-05
es5 类与es6中class的区别小结
这篇文章主要给大家介绍了关于es5 类与es6中class区别的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-11-11
整理的比较全的event对像在ie与firefox浏览器中的区别
event对像在IE与FF中的区别，本文整理了很多，个人感觉还是比较全面的，需要的朋友可以收藏下
2013-11-11
关于uniapp微信小程序左上角返回按钮的监听详解
uniapp是一个支持多端的技术,因此它是兼容性比较强的,而且速度也很快,下面这篇文章主要给大家介绍了关于uniapp微信小程序左上角返回按钮监听的相关资料,需要的朋友可以参考下
2022-04-04
js 判断 enter 事件
本文是在Web中通过Javascript判断键盘按键事件，并改变按键的默认动作。
2009-02-02
js HTML5手机刮刮乐代码
这篇文章为大家详细主要介绍了js HTML5手机刮刮乐代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-10-10
微信小程序页面上下滚动效果
这篇文章主要为大家详细介绍了微信小程序页面上下滚动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-07-07
JavaScript点击按钮生成4位随机验证码
这篇文章主要为大家详细介绍了JavaScript点击按钮生成4位随机验证码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-01-01
解决JavaScript layui 下拉框不显示的问题
今天小编就为大家分享一篇解决JavaScript layui 下拉框不显示的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-08-08

js实现用于建立新的一行且增加的四个文本框为空的且被禁用

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具