提问人:Driss 提问时间:9/29/2023 最后编辑:cokeman19Driss 更新时间:10/2/2023 访问量:23
如何使表单中请求的答案在提交后显示在 URL 中?
How do I make it so that answers to requests in a form show in the URL once submitted?
问:
我在 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=“” - 这会将值设置为空字符串,从而有效地清除它
评论