如何使表单中请求的答案在提交后显示在 URL 中?

How do I make it so that answers to requests in a form show in the URL once submitted?

提问人:Driss 提问时间:9/29/2023 最后编辑:cokeman19Driss 更新时间:10/2/2023 访问量:23

问:

我在 127.0.0.1:5500 上使用 VS code 和实时服务器来为我可视化代码。 正确填写表格并按下提交按钮后,我没有看到网址更改。如果我没有填写所有必填的输入,我也不会看到消息。

之后是这样开始的:

<body>
    <h1> <u> Request a Quote</u></h1>
    <form action="." method="GET" >
        <div class="form-row">
            <label> 
                First name:
                <input type=text name="first-name" required >     
            <label>

并像这样结束:

 <div class="form-row">
     <button type="button" id="Submit"> Send </button>
     <button type="button" id="clear">Clear</button>
 </div>
    
</body>
</html>

我试图弄清楚这是否是形式、动作和方法。我不太清楚我应该怎么写。

表单 方法 获取 提交 操作

评论


答:

0赞 Odysseus Hash 9/29/2023 #1

您是否希望当您单击发送并且 Mike 在输入中时,URL 将如下所示: http://127.0.0.1:5500/?first-name=Mike

<html>
    <body>
        <h1> <u> Request a Quote</u></h1>
        <form action="http://127.0.0.1:5500/" method="GET" >
                <label> 
                    First name:
                </label>
                    <input type="text" name="first-name" id="first-name">

                    <input type="submit" value="Send">
                    <input type="button" value="Clear" onclick="document.getElementById('first-name').value=''">

        </from>
    </body>
</html>

也许这就是你要找的

评论

0赞 Driss 9/29/2023
是的,我相信。虽然我不确定它在 url 中的确切显示方式,但名字和麦克风将在它的右侧\
0赞 Driss 10/1/2023
onclick=“document.getElementById('first-name').value=''”> 这部分代码是什么意思?
0赞 Odysseus Hash 10/1/2023
onclick - 此属性向元素添加单击事件处理程序。单击该元素时,将执行值中的代码。
0赞 Odysseus Hash 10/1/2023
document.getElementById('first-name') - 获取 id=“first-name” 的输入字段
0赞 Odysseus Hash 10/1/2023
.value=“” - 这会将值设置为空字符串,从而有效地清除它