Javascript教程 获取form表单每个元素的值

2024-11-05 10:13:54

1、新建一个 GetElementsValue.html 文件,如图所示:

Javascript教程 获取form表单每个元素的值

2、输入 <!DOCTYPE html> 作用:使用html5的标准,如图所示:

Javascript教程 获取form表单每个元素的值

3、输入网页结构的头部和主体,设置title为:获取form表单每个元素的值,如图所示:

Javascript教程 获取form表单每个元素的值

4、elements 的作用:返回form表单所有的元素(以数组的形式),如图所示:

Javascript教程 获取form表单每个元素的值

5、定义一个form表单,里面包含两个input元素,如图所示:

Javascript教程 获取form表单每个元素的值

6、使用 Elements 集合获取form表单中所有的元素,并且将其值打印出来,如图所示:

Javascript教程 获取form表单每个元素的值
猜你喜欢