如何在我的联系表上添加确认框?
how to add a confirmation box on my contact form?
我是编程新手,正在制作我的第一个网站,让我们进入正题。
下面是我的实际 HTML 简单联系表代码
<form class="row form" id="contacto" name="contacto" method="post" action="enviar.php">
<h3>Formulario de Contacto</h3>
<div class="col-sm-4 col-xs-12 form-group">
<label class="sr-only" for="nombre">Name</label>
<input name="nombre" class="form-control" type="text" placeholder="Nombre" id="nombre">
</div> <!-- /.form-group -->
<div class="col-sm-4 col-xs-12 form-group">
<label class="sr-only" for="email">Email</label>
<input name="email" class="form-control" type="email" placeholder="Email" id="email">
</div> <!-- /.form-group -->
<div class="col-sm-4 col-xs-12 form-group">
<label class="sr-only" for="telefono">telefono</label>
<input name="telefono" class="form-control" type="text" placeholder="Telefono" id="telefono">
</div> <!-- /.form-group -->
<div class="col-sm-4 col-xs-12 form-group">
<label class="sr-only" for="ciudad">ciudad</label>
<input name="ciudad" class="form-control" type="text" placeholder="Ciudad" id"ciudad">
</div>
</div>
</form> <!-- /.row -->
</div> <!-- /.container -->
</section> <!-- /.contact -->
我想在单击显示(您的消息已发送)的提交按钮时添加确认弹出窗口
我感谢你们能带来的所有帮助。 :)
解决方案:在提交类型的表单标签中添加一个按钮,并定义了一个 onclick:
<input type="submit" value="submit" onclick="return doit();" />
<script type="text/javascript">
function doit() {
alert("your message has been sent!");
return true;
}
</script>
<input type="submit" value="submit" onclick="alert('your message has been sent');" />
我是编程新手,正在制作我的第一个网站,让我们进入正题。 下面是我的实际 HTML 简单联系表代码
<form class="row form" id="contacto" name="contacto" method="post" action="enviar.php">
<h3>Formulario de Contacto</h3>
<div class="col-sm-4 col-xs-12 form-group">
<label class="sr-only" for="nombre">Name</label>
<input name="nombre" class="form-control" type="text" placeholder="Nombre" id="nombre">
</div> <!-- /.form-group -->
<div class="col-sm-4 col-xs-12 form-group">
<label class="sr-only" for="email">Email</label>
<input name="email" class="form-control" type="email" placeholder="Email" id="email">
</div> <!-- /.form-group -->
<div class="col-sm-4 col-xs-12 form-group">
<label class="sr-only" for="telefono">telefono</label>
<input name="telefono" class="form-control" type="text" placeholder="Telefono" id="telefono">
</div> <!-- /.form-group -->
<div class="col-sm-4 col-xs-12 form-group">
<label class="sr-only" for="ciudad">ciudad</label>
<input name="ciudad" class="form-control" type="text" placeholder="Ciudad" id"ciudad">
</div>
</div>
</form> <!-- /.row -->
</div> <!-- /.container -->
</section> <!-- /.contact -->
解决方案:在提交类型的表单标签中添加一个按钮,并定义了一个 onclick:
<input type="submit" value="submit" onclick="return doit();" />
<script type="text/javascript">
function doit() {
alert("your message has been sent!");
return true;
}
</script>
<input type="submit" value="submit" onclick="alert('your message has been sent');" />