js如何通过placeholder属性值查找输入框

来源：互联网 2023-03-16 19:16:49 版权归原作者所有，如有侵权，请联系我们

在做html页面开发时，我们有时需要通过输入框的placeholder值去查找出对应的输入框，使用js怎样查找呢？下面我们使用jquery来处理一下。

js如何通过placeholder属性值查找输入框？

方法/步骤

页面上有二个输入框，分别有对应的placeholder值，下方有一个按钮，点击事件就是查找出对应的输入框。

js如何通过placeholder属性值查找输入框？

事件函数里，可以使用jquery的属性查找器来获取输入框，其中使用placeholder这个属性，等号后面是需要查看对应的placeholder的值。

js如何通过placeholder属性值查找输入框？

查找到输入框后，将其值设置为“找到输入框了”。

js如何通过placeholder属性值查找输入框？

记得引入jquery脚本文件。

js如何通过placeholder属性值查找输入框？

运行页面，看到输入框有placeholder值的，根据代码，我们找到的应该是第一个输入框的，点击下方的查找按钮。

js如何通过placeholder属性值查找输入框？

5本页面未经许可获取自百度经验

点击后，可以看到代码把第一个输入框找出来了，输入了代码里对应的值。

js如何通过placeholder属性值查找输入框？

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： HTML JQUERY