本文介绍如何使用JavaScript动态创建包含四个文本框的新行，并初始设置为空且禁用状态。通过示例代码展示如何添加交互按钮，并在提交前验证文本框内容，确保无空值提交，提升表单数据的完整性与用户体验。
动态添加禁用且置空的文本行
实现动态生成包含四个文本框的新行，并确保这些文本框初始状态为空且处于禁用状态。
<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> <!-- td { font-size: 9pt } --> </style> </head> <body> <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需再刷新一下页面才能执行]