1

我正在为一个城市创建一个站点，并将在其上添加一个电话号码查找框。我希望它是纯 html 和简单的。我需要某种用户输入框，因此他们可以在一个框中输入名字，然后在下一个框中输入姓氏，然后是城市框，然后是州框。因此，当他们推送提交时，它适合此网址：http ://www.yellowpages.com/whitepages?first=FIRSTNAMEHERE&last=LASTNAMEHERE&zip=ZIPCODEHERE&state=STATEHERE

我已经尝试过 jQuery，它有点工作，但想继续使用纯 html。

我试过的代码是：

 <input id="input" name="url" onfocus="this.value='';" style="border: 1px solid 
#A4A4A4; font-size: 0.9em; padding: 5px; width: 350px;" type="text" value="Type url here..">
<input onclick="window.open('http://www.yellowpages.com/whitepages?first=&last=&zip=&state=' + 

window.document.getElementById('input').value.replace(/^https?:\/\//,''))" style="font-family: Arial, sans-serif; font-size: 0.9em; margin: 2px 0; padding: 

4px; width: 100px;" type="button" value="Surf">

我知道我在“onclick”值的某个地方犯了错误。

4

1 回答 1

0

听起来您只需要一个简单的 GET 请求即可。GET 请求意味着它通过 URL 参数将数据传递到页面。此代码获取每个提交的输入名称并将其包含的数据放在您的黄页 URL 之后。

<form method="get" action="http://www.yellowpages.com/whitepages">
    <input name="first" type="text">
    <input name="last" type="text">
    <input name="zip" type="text">
    <input name="state" type="text">
    <input type="submit" value="Submit">
</form>
于 2015-09-10T03:26:02.703 回答