Question

单击“提交”（验证）时输入（值）保持在同一页面上

http://lab.iamrohit.in/cvalid/代码

<form action="" method="post">
<select name="type">
<option value="American">American Express</option>
<option value="Dinners">Diner's Club</option>
<option value="Discover">Discover</option>
<option value="Master">Master Card</option>
<option value="Visa">Visa</option>
</select>
<input type="text" name="cNum">
<button type="submit">Submit</button>
</form>

点击提交后，输入将保留在文本框中

Answer 1

您尚未在表单中指定操作，因此默认情况下表单将提交到同一页面。您可以使用autocomplete。

自动完成功能使浏览器可以预测值。当用户开始输入字段时，浏览器应根据较早键入的值显示用于填写该字段的选项。

<input type="text" name="cNum" autocomplete="off">

如果您希望表单选择的值与表单细分后的选定值相同，请尝试

$type = '';
$cNum  = '';
if(isset($_POST['submit'])){
  $type = $_POST['type'];
  $cNum = $_POST['cNum'];
 }
?>
<form action="" method="post">
 <select name="type">
    <option value="American" <?php if($type == 'American'):?>selected="selected"<?php endif;?>>American Express</option>
    <option value="Dinners"  <?php if($type == 'Dinners'):?>selected="selected"<?php endif;?>>Diner's Club</option>
    <option value="Discover" <?php if($type == 'Discover'):?>selected="selected"<?php endif;?>>Discover</option>
    <option value="Master"   <?php if($type == 'Master'):?>selected="selected"<?php endif;?>>Master Card</option>
    <option value="Visa"     <?php if($type == 'Visa'):?>selected="selected"<?php endif;?>>Visa</option>
</select>
  <input type="text" name="cNum" value="<?php echo $cNum;?>"/>
  <input type="submit" name="submit" value="submit"/>
</form>

验证（同一页面）后，值保留在页面上

1 个答案: