html表单提交后默认重置

html表单提交后默认重置,第1张

reset按钮将表单重新设置为其默认设置。 请特别注意放置reset按钮的位置:过于靠近“ submit按钮,某些用户不可避免地会无意间点击它,而不是错误地单击“ submit按钮,一旦这样做,就无法取回其信息。 物理上将submit按钮和reset按钮至少隔开一个空格,或者完全跳过重置按钮。

想要重置、清除整个输入框中的值,又不想手动一个一个删除整个内容;或如果输入字段中已存在预先建议的输入,用户又不想要该怎么办?下面本篇文章就来给大家介绍一下重置input字段值的方法,希望对大家有所帮助。

有两种方法可以做到这一点,两者都非常容易和简短;让我们来看看这两种方法。

方法1:获得焦点清除输入

语法:

做法:

● 创建一个输入字段。

● 使用onfocus属性将this.value设置为NULL

示例:

效果:

方法2:借助按钮清除输入

语法:

做法:

● 创建一个按钮。

● 获取输入字段的ID。

● 使用document.getElementById(' myInput ').value = ”设置输入字段的值NULL。

示例:

效果:

更多 前端开发 知识,请查阅 HTML中文网 !!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6994654.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-31
下一篇 2023-03-31

发表评论

登录后才能评论

评论列表(0条)

保存