如何用JS修改文本框的值

在js中 , 通过获得文本框对象 , 修改其value属性值 , 便可修改文本框的值 。 下面小编举例讲解如何用JS修改文本框的值 。

如何用JS修改文本框的值

文章插图

需要这些哦
js
代码编纂器:Dreamweaver CS5
方式/
1【如何用JS修改文本框的值】新建一个html文件 , 定名为test.html , 用于讲解若何用JS点窜文本框的值 。
如何用JS修改文本框的值

文章插图

2在test.html文件内 , 利用input标签建立一个文本框 , 并设置其id属性为test , 用于下面获得文本框对象 。
如何用JS修改文本框的值

文章插图

3在test.html文件内 , 经由过程value设置input文本框的默认值 , 例如 , 这里设置默认值为5566 。
如何用JS修改文本框的值

文章插图

4在test.html文件内 , 利用button标签建立一个按钮 , 给button按钮绑定onclick点击事务 , 当按钮被点击时 , 执行editinput()函数 。
如何用JS修改文本框的值

文章插图

5在js标签中 , 建立editinput()函数 , 在函数内 , 经由过程id获得input对象 , 经由过程给对象的value属性从头赋值 , 实现点窜文本框的值 。
如何用JS修改文本框的值

文章插图

6在浏览器打开test.html文件 , 点击按钮 , 查看成果 。
如何用JS修改文本框的值

文章插图

如何用JS修改文本框的值

文章插图

总结:11、利用input标签建立一个文本框 , 并设置其id属性为test 。
2、经由过程value设置input文本框的默认值 。
3、在js中 , 经由过程id获得input对象 , 经由过程给对象的value属性从头赋值 , 实现点窜文本框的值 。


以上内容就是如何用JS修改文本框的值的内容啦 , 希望对你有所帮助哦!

    推荐阅读