使用两个输入和按钮标签来跟踪包括输入值的链接。

如何在不写额外的javascript的情况下,也就是html输入和按钮标签中的所有代码的情况下,跟随一个在输入栏中的值的链接?

比方说,有一个Google网站的搜索,搜索行在输入栏中,这样当你点击按钮时,该链接 https://www.google.com/search?q= 和输入字段的值,例如。text 被替代。

https:/www.google.comsearch?q=text

<input type="text" id="search" name="search" value="text">
<button onclick="code">Follow a search link with a value in input</button>

解决方案:

“这是必要的,而不使用的形式,你可以有js代码 “好了,有一个js代码,你可以使用来实现这一点。

<input type="text" id="search" name="search" value="text">
<button onclick="search()">Follow a search link with a value in input</button>
<script>
    function search() {
        const searchValue = document.getElementById('search').value

        window.location.href = `https://www.google.com/search?q=${ searchValue }`
    }
</script>

本文来自投稿,不代表实战宝典立场,如若转载,请注明出处:https://www.shizhanbaodian.com/5411.html

(0)
上一篇 2022年6月2日 上午9:10
下一篇 2022年6月2日 上午9:10

相关推荐

发表评论

登录后才能评论