js如何实现清除表单自动完成的值

vaivxuanzi 2010-05-06 05:58:18

表单成功提交后会记录用户输入的值，怎么用js把它清除呢？？？

...全文

463 15 打赏收藏转发到动态举报

写回复

15 条回复

切换为时间正序

请发表友善的回复…

发表回复

vnetcbd 2010-05-12

打赏
举报

回复





<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style>

* {margin:0;padding:0;font-size:14px; font-family:"微软雅黑";}

ul,li {list-style:none;}

</style>

</head>



<body>



<table width="985" align="center" cellpadding="0" cellspacing="30" style="margin:20px auto;border:1px solid #F69;" id="text">

    <tr>

        <td height="480" valign="top">

            <table width="900" cellpadding="0" cellspacing="0" id="display">

            	<tr>

                	<td>小小骑士：谁在线？？</td>

                </tr>

                <tr>

                	<td>小小骑士：觉得这个怎么样啊？？</td>

                </tr>

                <tr>

                	<td>小小骑士：还不错了？？</td>

                </tr>

                <tr>

                	<td>小小骑士：是吗？呵呵.....</td>

                </tr>

                <tr>

                	<td>小小骑士：真的不错，学习了！哈哈....</td>

                </tr>

            </table>

        </td>

    </tr>

    <tr>

        <td height="40"><input type="text" value="小小骑士" id="username" style="width:80px;text-align:center;" /> ： <input type="text" id="usertext" style="width:500px;margin:0 10px 0 0;" maxlength="200" value="12" />  <input type="button" style="width:80px;" value="发送" id="usersubmit" /></td>

    </tr>

</table>



<script>

var btn = document.getElementById('usersubmit');

var msg = document.getElementById('usertext');

var id = document.getElementById('display');

var user = document.getElementById('username');

var reg = /^\s*(\S+)\s*$/ ; //匹配 空格



btn.onclick = function(){

	if( reg.test(msg.value) == "" ) {alert('请输入内容');return false};

	id.insertRow(-1).insertCell(0).innerHTML = user.value + "：" + msg.value ;

	msg.value = "" ;

	msg.focus();

}



</script>



</body>

</html>

vnetcbd 2010-05-12

打赏
举报

回复

[Quote=引用楼主 vaivxuanzi 的回复:]
表单成功提交后会记录用户输入的值，怎么用js把它清除呢？？？
[/Quote]

??清除？？

提交后，记录值；设置此 input 控件的 value = "" ;

不知道是不是这样的？？？

xiaofan_sap 2010-05-12

打赏
举报

回复



<input type="text" autocomplete=off/>

王集鹄 2010-05-12

打赏
举报

回复

只知道手工怎么清除，就是鼠标移上去按Delete键。

js估计控制不了，这个涉及到用户安全问题，这个是全局的
如果能清除，就把用户其他站点记忆的内容也清除了。

vaivxuanzi 2010-05-12

打赏
举报

回复

[Quote=引用 10 楼 likui0623 的回复:]

JScript code
<form autocomplete=false >
[/Quote]

没用

likui0623 2010-05-11

打赏
举报

回复

<form autocomplete=false >

vaivxuanzi 2010-05-11

打赏
举报

回复

[Quote=引用 3 楼 xiaofan_sap 的回复:]

autocomplete=false
[/Quote]

具体怎么用？？

xiaofan_sap 2010-05-11

打赏
举报

回复

[Quote=引用 7 楼 vaivxuanzi 的回复:]
如图怎么清除图中的自动完成的值
[/Quote]
autocomplete=false

vaivxuanzi 2010-05-11

打赏
举报

回复

如图怎么清除图中的自动完成的值

chollaflower 2010-05-11

打赏
举报

回复

form.reset()

vaivxuanzi 2010-05-11

打赏
举报

回复

就是清除表单的自动提示要怎么清除？？

passself 2010-05-06

打赏
举报

回复

利用form中的reset重置事件来清除

xiaofan_sap 2010-05-06

打赏
举报

回复

autocomplete=false ?

KK3K2005 2010-05-06

打赏
举报

回复

form.reset()

form表示form对象

wujinjian2008n 2010-05-06

打赏
举报

回复

不明白lz 的意思？？

本效果带tab切换效果。 js实现自动添加删除一行。添加删除时序号自动改变。每一行后面有添加一行按钮，点击时自动在点击行的下面添加一行。新添加行有文本框，文本框输入值失去焦点后自动变为输入的值。

js实现表单验证功能，通过js代码验证手机号是否存在验证码倒计时功能，代码简单易懂非常不错，具有参考借鉴价值，感兴趣的朋友一起看看吧

本文实例讲述了javascript实现页面刷新时自动清空表单并选中的方法。分享给大家供大家参考。具体实现方法如下： [removed] [removed]=function() { document.forms[0].reset(); placeFocus(); } function placeFocus() { document.forms[0].elements[0].focus(); // assuming the first element } [removed] 希望本文所述对大家的javascript程序设计有所

JavaScript 案例表单验证：编写 JavaScript 代码实现对表单输入的验证，例如检查用户名、密码、邮箱格式是否符合要求。图片轮播：使用 JavaScript 编写代码实现一个简单的图片轮播效果，让网页上的图片自动切换显示。动态生成页面内容：使用 JavaScript 动态生成网页内容，例如根据用户输入的内容，实时显示搜索结果。倒计时器：编写 JavaScript 代码实现一个简单的倒计时器，用于显示网页上的倒计时效果。 TODO 列表：使用 JavaScript 实现一个简单的 TODO 列表，用户可以添加、删除和编辑任务。 JavaScript 作为一种前端开发的核心语言，在学习和应用过程中有一些要点和难点需要注意：

jquery.jsForm 基于jQuery的表单库，该库允许您使用纯HTML表单处理javascript对象（例如来自JSON请求）中的数据。这是一个库，它允许html和javascript对象之间的绑定（如所述），这与其他类库（如或类似。 JsForm只负责html中数据的呈现。控制器可以用标准jQuery编写。这样可以使库保持干净简洁。该库的主要功能是：使用html标记动态填充几乎所有js对象的表单/页面使用在表单内完成的更改来更新现有的js对象（=无需额外代码即可处理数据）提供使用html标记进行格式化的基本功能（即日期/时间，金额，字节）提供表单验证功能使用子对象处理集合（数组）通过将json（二进制文件）转换为数据url来处理它们提供仅使用html标记来处理数组操作（添加新条目/删除条目）的辅助方法可以与自动完成功能结合使用以添加新的数组对

87,917

社区成员

224,617

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章