如何用js清空在table标签中的text文本框中的value值

Jack_Q111 发布于 2016/09/23 13:51
阅读 2K+
收藏 0

如何用js将<input type="text" value="张三"/> 和<input type="password" value="123"/>value值清空,reset只是将文本框的值设为默认值,而不是清空,

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    <title></title>
    
  </head>
  
  <body>
   	<form action="" method="post">
   		<table cellspacing="0" cellpadding="3" border="1" align="center" style="margin-top: 100">
   			<tr>
   				<td>
   				用户名:
   				</td>
   				<td>
   					<input type="text" value="张三"/>
   				</td>
   			</tr>
   			<tr>
   				<td>
   				用户名:
   				</td>
   				<td>
   					<input type="password" value="123"/>
   				</td>
   			</tr>
   			<tr>
   				<td colspan="2">
   					<input type="submit" value="登录">&nbsp;&nbsp;&nbsp;&nbsp;
   					<input type="button" onclick="clear()" value="清空">
   				</td>
   			</tr>
   		</table>
   	</form>
  </body>
</html>




加载中
1
huison
huison
function clear() {
  document.getElementsByName("username")[0].value = '';
  document.getElementsByName("keyword")[0].value = '';
}

// <input type="text" name="username" value="张三" />
// <input type="password" name="password" value="123" />



huison
huison
回复 @Jack_Q111 : 我写错了密码的文本框名称,然后clear不能做为函数名称。
Jack_Q111
Jack_Q111
这样不行哦,
0
琉璃碎月
琉璃碎月
默认值是确定的吗?
0
Jack_Q111
Jack_Q111

引用来自“琉璃碎月”的评论

默认值是确定的吗?
实际中可能不是
0
huison
huison
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title></title>
    </head>

    <body>
        <form action="" method="post">
            <table cellspacing="0" cellpadding="3" border="1" align="center" style="margin-top: 100">
                <tr>
                    <td>
                        用户名:
                    </td>
                    <td>
                        <input type="text" name="username" value="张三"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        用户名:
                    </td>
                    <td>
                        <input type="password" name="password" value="123"/>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <input type="submit" value="登录">&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="button" onclick="clearVal();" value="清空">
                    </td>
                </tr>
            </table>
        </form>
        <script type="text/javascript">
        function clearVal() {
            document.getElementsByName("username")[0].value = '';
            document.getElementsByName("password")[0].value = '';
        }
        </script>
    </body>
</html>



返回顶部
顶部