1

我已使用此代码显示 Google 网络搜索框

<form method="get" action="https://google.com/search">
    <input type="text" name="q"  size="31" value=" ">
</form>

我想让该框预先填充文本“做什么”，并让用户输入位置（示例类型仅悉尼）所以查询将是：在悉尼做什么“有可能吗？我只是初学者，对 HTML 了解不多。非常感谢您的帮助。谢谢费尔南多

4

4 回答 4

0

如果您仅使用 HTML，请执行以下操作：

<input type="text" name="q"  size="31" value="What to do in ">
于 2013-10-23T07:20:39.317 回答
0

使用value = "What to do in"，这将工作。

于 2013-10-23T07:19:09.533 回答
0

您应该以用户清楚的方式构建它，他的搜索将附加到这一行：做什么：类似

<span>What to do in</span><input type="text" id="search" name="q"  size="31" value=" ">

在 js 或其他任何东西中：

$.get('https://www.google.co.il/search?q=what to do in ' + $('#search').val(),function(data){
    //Do stuff with seach results 
})

然后，您可以将单词附加到查询中

于 2013-10-23T07:51:15.533 回答
-1

上述答案的问题是用户可以删除整个文本并重新开始..

因此，如果您真的想将其限制为“在...中做什么”，那么您应该只提供该位置的文本输入......类似于 raam86 的答案。

<form method="get" action="https://google.com/search">
    <label for="whattodo">What to do in</label>
    <input type="hidden" name="q" id="real_input" value="what to do in" />
    <input type="text" id="whattodo" onkeyup="fillForm(this.value);" />
</form>

<script>
function fillForm( _val )
{
    document.getElementById('real_input').value = 'what to do in ' + _val;
}
</script>

尽可能使用label- 这会将文本与input区域相关联 - 这意味着，如果用户单击它们，label他们将专注于准备输入的输入框。

你会注意到有一个隐藏的输入和一个文本输入

隐藏的输入填充了“要做什么”以及来自文本字段的文本（当用户键入时，会触发一些 javascript 调用fillForm()，它将隐藏字段（查询字段）与用户输入的文本附加在一起。 . 这确保它总是在查询前加上“做什么”。

你应该放置

function fillForm( _val )
{
    document.getElementById('real_input').value = 'what to do in ' + _val;
}

HTML 文档的<head>和之间。</head>

于 2013-10-23T08:05:07.743 回答