js如何获取表单的值

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

2947750192dd3340e9205732881c99c0aefcf168.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1

东西/原料

  • html+js
  • 代码编纂器:Dreamweaver CS5

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解js如何获取表单的值。

    c6b994775ddd884cbd99e9926cef28066a01f668.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  2. 2

    在test.html文件内,利用form标签建立一个表单,在表单内,利用input标签建立两个输入框。

    8b3643dd884ce54a76f4215aa3066b0193ddf768.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  3. 3

    在test.html文件内,设置form标签的name属性值为formone,两个input框的name属性别离为con1,con2。

    5c9c964ce54a2f27bd3ceeb3e00192dd3240f468.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  4. 4

    在test.html文件内,利用button标签建立一个按钮,给button按钮绑定onclick点击事务,当按钮被点击时,执行getFromData()函数。

    890dfb4a2f27e7ef73d5adb419dd3340b7f3f568.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  5. 5

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

    2e66f9ef28066b01cf0ef5f53df39187021cf368.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  6. 6

    在浏览器打开test.html文件,点击按钮,查看成果。

    e6ae36066b0192dd6d9370461a87031c98c0f068.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1

总结:

  1. 1

    1、利用form标签建立一个表单,在表单内,利用input标签建立两个输入框。

    2、设置form标签的name属性值为formone,两个input框的name属性别离为con1,con2。

    2、在js中,别离经由过程form表单的name属性值和input输入框的name属性值,再利用value属性别离获得表单内两个输入框输入内容,最后,利用alert()方式将表单的值输出。

  • 发表于 2020-06-07 19:00
  • 阅读 ( 225 )
  • 分类:其他类型

相关问题

0 条评论

请先 登录 后评论