防止输入数据在url - Flask中显示

Question

我正在从web应用程序收集客户数据-然而，一旦数据输入数据显示在URL搜索栏，我只是想知道如何防止这种情况发生?

下面是我当前的代码:

<form>
<div class="row">
<div class="col-75">
<div class="container">
<form action="/action_page.php", method="POST">

<div class="row">
<div class="col-50">
<h3>Billing Address</h3>
<label for="fname"><i class="fa fa-user"></i> Full Name</label>
<input type="text" id="fname" name="firstname" placeholder="John M. Doe">
<label for="email"><i class="fa fa-envelope"></i> Email</label>
<input type="text" id="email" name="email" placeholder="[e-mail]">
<label for="adr"><i class="fa fa-address-card-o"></i> Address</label>
<input type="text" id="adr" name="address" placeholder="1234 Example Street, Richmond">
<label for="city"><i class="fa fa-institution"></i> Suburb</label>
<input type="text" id="city" name="city" placeholder="Melbourne">

<div class="row">
<div class="col-50">
<label for="state">State</label>
<input type="text" id="state" name="state" placeholder="Victoria">
</div>
<div class="col-50">
<label for="postcode">Post Code</label>
<input type="text" id="postcode" name="postcode" placeholder="3934">
</div>
</div>
</div>

<div class="col-50">
<h3>Payment</h3>
<label for="fname">Accepted Cards</label>
<div class="icon-container">
<i class="fa fa-cc-visa" style="color:navy;">Visa</i>
<i class="fa fa-cc-amex" style="color:blue;">Amex</i>
<i class="fa fa-cc-mastercard" style="color:red;">Mastercard</i>
</div>
<label for="cname">Name on Card</label>
<input type="text" id="cname" name="cardname" placeholder="John More Doe">
<label for="ccnum">Credit card number</label>
<input type="text" id="ccnum" name="cardnumber" placeholder="1111-2222-3333-4444">
<label for="expmonth">Exp Month</label>
<input type="text" id="expmonth" name="expmonth" placeholder="September">

<div class="row">
<div class="col-50">
<label for="expyear">Exp Year</label>
<input type="text" id="expyear" name="expyear" placeholder="2018">
</div>
<div class="col-50">
<label for="cvv">CVV</label>
<input type="text" id="cvv" name="cvv" placeholder="352">
</div>
</div>
</div>

</div>
<label>
<input type="checkbox" checked="checked" name="sameadr"> Shipping address same as billing
</label>
<input type="submit" value="Continue to checkout" class="btn">
</form>
</div>
</div>

.row {显示:-ms-flexbox;/* ie10 */显示:flex;-ms-flex-wrap:包装;/* ie10 */flex-wrap:包装;边距:0 -16px;}.col-25 {-ms-flex: 25%;/* ie10 */flex: 25%;}.col-50 {-ms-flex: 50%;/* ie10 */flex: 50%;}.col - 75 {-ms-flex: 75%;/* ie10 */flex: 75%;}.col-25,.col-50,.col - 75 {填充:0 16px;}.container {background - color: # f2f2f2;填充:5px 20px 15px 20px;边框:1px纯浅灰色;border - radius: 3 px;}输入(type =文本){宽度:100%;margin-bottom: 20 px;填充:12 px;边框:1px实线#ccc;border - radius: 3 px;}标签{margin-bottom: 10 px;显示:块;}.icon-container {margin-bottom: 20 px;Padding: 7px 0;字体大小:24 px;}.btn {background - color: # 04 aa6d;颜色:白色;填充:12 px;Margin: 10px 0;边界:没有;宽度:100%;border - radius: 3 px;光标:指针;字体大小:17 px;}.btn:{徘徊background - color: # 45 a049;}跨度。价格{浮:正确;颜色:灰色;}/*响应式布局-当屏幕宽度小于800px时，使两列堆叠在一起而不是彼此相邻(并改变方向-使"购物车"列在顶部)*/@media (max-width: 800px) {.row {flex-direction: column-reverse;}.col-25 {margin-bottom: 20 px;}}任何帮助都将是非常感激的:)

Answer 1

您在HTML的第一行上有一个不必要的<form>标记，并且您在末尾缺少关闭</div>标记。修改这个似乎可以解决这个问题:

<div class="row">
<div class="col-75">
<div class="container">
<form action="/action_page.php" , method="POST">
<div class="row">
<div class="col-50">
<h3>Billing Address</h3>
<label for="fname"><i class="fa fa-user"></i> Full Name</label>
<input type="text" id="fname" name="firstname" placeholder="John M. Doe">
<label for="email"><i class="fa fa-envelope"></i> Email</label>
<input type="text" id="email" name="email" placeholder="[e-mail]">
<label for="adr"><i class="fa fa-address-card-o"></i> Address</label>
<input type="text" id="adr" name="address" placeholder="1234 Example Street, Richmond">
<label for="city"><i class="fa fa-institution"></i> Suburb</label>
<input type="text" id="city" name="city" placeholder="Melbourne">
<div class="row">
<div class="col-50">
<label for="state">State</label>
<input type="text" id="state" name="state" placeholder="Victoria">
</div>
<div class="col-50">
<label for="postcode">Post Code</label>
<input type="text" id="postcode" name="postcode" placeholder="3934">
</div>
</div>
</div>
<div class="col-50">
<h3>Payment</h3>
<label for="fname">Accepted Cards</label>
<div class="icon-container">
<i class="fa fa-cc-visa" style="color:navy;">Visa</i>
<i class="fa fa-cc-amex" style="color:blue;">Amex</i>
<i class="fa fa-cc-mastercard" style="color:red;">Mastercard</i>
</div>
<label for="cname">Name on Card</label>
<input type="text" id="cname" name="cardname" placeholder="John More Doe">
<label for="ccnum">Credit card number</label>
<input type="text" id="ccnum" name="cardnumber" placeholder="1111-2222-3333-4444">
<label for="expmonth">Exp Month</label>
<input type="text" id="expmonth" name="expmonth" placeholder="September">
<div class="row">
<div class="col-50">
<label for="expyear">Exp Year</label>
<input type="text" id="expyear" name="expyear" placeholder="2018">
</div>
<div class="col-50">
<label for="cvv">CVV</label>
<input type="text" id="cvv" name="cvv" placeholder="352">
</div>
</div>
</div>
</div>
<label>
<input type="checkbox" checked="checked" name="sameadr"> Shipping address same as billing
</label>
<input type="submit" value="Continue to checkout" class="btn">
</form>
</div>
</div>
</div>

(注意:我的编辑可能把你的代码格式与原来的问题不同)