JS如何将文本框里的值清空

做网站的前端页面处置的时辰,凡是都是用js来处置,尤其是对表单中的文本框的值的设置,若是要清空的话就将文本框的值给个空值就可以了,那么怎么来实现呢?

东西/原料

  • 编纂器
  • 浏览器

方式/步调

  1. 1

    起首在编纂器中新建一个html页面

    48540923dd54564ee52dce76bede9c82d1584f30.jpg
  2. 2

    点窜文件设置文件名为clear.html,题目为 JS如何将文本框里的值清空并保留。

    eac4b74543a982261c8001688782b9014a90eb38.jpg
  3. 3

    在body中插手一个文本框,name为“clear“id也设置为”clear“在值中插手”JS如何将文本框里的值清空“

    960a304e251f95ca5d1ab8f9c4177f3e66095295.jpg
  4. 4

    在文本框中插手点击事务cleartext同时在剧本中也插手一个方式,想要在点击文本框的时辰将该文本框中的内容清空

    b21bb051f8198618e932facb47ed2e738bd4e60c.jpg
  5. 5

    经由过程id获取对象的方式获取到input的对象,然后将对象的值赋值为空

    9f2f070828381f3004b398e6a4014c086f06f0d3.jpg
  6. 6

    保留后在浏览器中预览该页面,会看到文本框中显示“JS如何将文本框里的值清空”当点击文本框的时辰就将该文本框内容清空 了。

    d8f9d72a6059252df71d094b399b033b5bb5b972.jpg060828381f30e9245666897e41086e061c95f7bb.jpga50f4bfbfbedab64c503598ffa36afc379311e0f.jpg

注重事项

  • 注重id要精确
  • 发表于 2018-12-05 00:00
  • 阅读 ( 311 )
  • 分类:其他类型

相关问题

0 条评论

请先 登录 后评论