js如何获取表单的值

在js中,表单中通过value属性,便可以获得表单的单 。 下面小编举例讲解js如何获取表单的值 。

js如何获取表单的值

文章插图

需要这些哦
html+js
代码编纂器:Dreamweaver CS5
方式/
1新建一个html文件,定名为test.html,用于讲解js若何获取表单的值 。
js如何获取表单的值

文章插图

2【js如何获取表单的值】在test.html文件内,利用form标签建立一个表单,在表单内,利用input标签建立两个输入框 。

js如何获取表单的值

文章插图

3在test.html文件内,设置form标签的name属性值为formone,两个input框的name属性别离为con1,con2 。
js如何获取表单的值

文章插图

4在test.html文件内,利用button标签建立一个按钮,给button按钮绑定onclick点击事务,当按钮被点击时,执行getFromData()函数 。
js如何获取表单的值

文章插图

5在js标签中,建立getFromData()函数,在函数内,别离经由过程form表单的name属性值和input输入框的name属性值,再利用value属性别离获得表单内两个输入框输入内容,最后,利用alert()方式将表单的值输出 。
js如何获取表单的值

文章插图

6在浏览器打开test.html文件,点击按钮,查看成果 。
js如何获取表单的值

文章插图

总结:11、利用form标签建立一个表单,在表单内,利用input标签建立两个输入框 。
2、设置form标签的name属性值为formone,两个input框的name属性别离为con1,con2 。
2、在js中,别离经由过程form表单的name属性值和input输入框的name属性值,再利用value属性别离获得表单内两个输入框输入内容,最后,利用alert()方式将表单的值输出 。


以上内容就是js如何获取表单的值的内容啦,希望对你有所帮助哦!

    推荐阅读