html中的用户输入url修饰符

我正在为一个城市创建一个网站，并打算在上面添加一个电话号码查询框。我希望它是纯html和简单的。我需要一些用户输入框，这样他们可以在一个框中输入名字，然后在下一个框中输入姓氏，然后是城市框，然后是州框。因此，当他们推送提交时，它符合此url：

我尝试过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”值的某个地方犯了错误。

听起来您只需要一个简单的GET请求就可以完成表单。GET请求意味着它通过URL参数将数据传递给页面。此代码接受每个提交的输入名称，并将其包含的数据放在您的yellowpages 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>

---

听起来您的表单只需要一个简单的GET请求。GET请求意味着它通过URL参数将数据传递给页面。此代码接受每个提交的输入名称，并将其包含的数据放在您的yellowpages 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>

谢谢你，伙计，你真的帮了大忙！我将回答这个问题作为回答我的问题，有没有这个，但我需要知道是否有任何方法，使它“暗示”在每个盒子。但还是通过HTML？谢谢，我想你在找

占位符

。将它添加到您的每个输入中，就像这样

可爱的家伙！谢谢！我喜欢人们帮我解决问题，我到处都在寻找答案！非常感谢：）我认为您对所有jQuery都考虑得太多了：）最简单的解决方案往往是最好的。很高兴我能提供帮助。我不知道您是否想提供帮助，但是，我有一些css按钮：按钮href仅在按钮顶部附近的一条线上起作用。有没有办法让整个按钮都可以点击？按钮来自：我使用的HTML代码是一个调用CSS的简单代码：谢谢，伙计，你真的很有帮助！我将回答这个问题作为回答我的问题，有没有这个，但我需要知道是否有任何方法，使它“暗示”在每个盒子。但还是通过HTML？谢谢，我想你在找

占位符

。将它添加到您的每个输入中，就像这样

可爱的家伙！谢谢！我喜欢人们帮我解决问题，我到处都在寻找答案！非常感谢：）我认为您对所有jQuery都考虑得太多了：）最简单的解决方案往往是最好的。很高兴我能提供帮助。我不知道您是否想提供帮助，但是，我有一些css按钮：按钮href仅在按钮顶部附近的一条线上起作用。有没有办法让整个按钮都可以点击？按钮来自：我使用的HTML代码是调用CSS的简单代码：