gpt4 book ai didi

javascript - HTML 表单 Action 搜索,1 个文本框,2 个按钮,2 个可能的结果

转载 作者:行者123 更新时间:2023-12-02 14:30:35 28 4
gpt4 key购买 nike

这些天我正在尝试做一个搜索表单,该表单发送到两个不同的页面,其中有两个不同的按钮和一个文本框。到目前为止我正在这样做:

<form action="http://www.youtube.com/results" method="get">
<input name="search_query" type="text" maxlength="128" />
<input type="submit" value="YouTube" />
</form>

<form action="https://torrentz.eu/search" method="get">
<input name="q" type="text" maxlength="128" />
<input type="submit" value="TorrentZ" />
</form>

结果当然是这样的:

nice and clean

我可以使用它,但我想让它像这样“更可爱”:

nice and clean

到目前为止,我已经尝试使用脚本,但我没有得到它,所以我刮掉了它,然后我尝试制作 if/elseif 但再一次,我是不确定我在做什么,我对所看到的内容不是一个好的规划者,切换按钮或保管箱没有那么快,因为我只需要按 Tab 键一次或两次,然后输入即可搜索我想要的位置。

作为额外说明,我只是为 Chrome 制作我个人的“新标签”,因为基本标签和我在扩展中找到的标签对于我的迷你笔记本电脑来说相当沉重。

最佳答案

HTML5 中,您可以使用 formaction 属性。

<!DOCTYPE html>
<html>
<body>
<form>
<input name="search_query" type="text" maxlength="128" />
<input type="submit" formaction="http://www.youtube.com/results" value="YouTube" />
<input type="submit" formaction="https://torrentz.eu/search" value="TorrentZ" />
</form>
</body>
</html>

关于javascript - HTML 表单 Action 搜索,1 个文本框,2 个按钮,2 个可能的结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37873005/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com