php - “必需”属性不起作用。仅当我删除“值”属性时
问题描述
我正在尝试向表单中的某些输入添加“必需”属性,但它不起作用。它可以工作的唯一方法是从输入中删除“值”属性,但这是必要的。
<form id="contact-form" method="POST" action=" <?php echo htmlspecialchars($_SERVER[" PHP_SELF "]) ?>" role="form">
<div class="row">
<div class="col-md-6">
<label for="firstname">Prenom<span class="blue">*</span></label>
<input type="text" name="firstname" class="form-control" placeholder="votre prenom" value=" <?php echo $firstname ?>" required>
<p class="comments">Message d'erreur</p>
</div>
<div class="col-md-6">
<label for="lastname">Nom<span class="blue">*</span></label>
<input type="text" name="lastname" class="form-control" placeholder="votre nom" value=" <?php echo $name ?>" required>
<p class="comments">Message d'erreur</p>
</div>
<div class="col-md-6">
<label for="email">Email<span class="blue">*</span></label>
<input type="text" name="email" class="form-control" placeholder="votre email" value=" <?php echo $email ?>" required>
<p class="comments">Message d'erreur</p>
</div>
<div class="col-md-6">
<label for="phone">Téléphone<span class="blue"></span></label>
<input type="text" name="phone" class="form-control" placeholder="votre email" value=" <?php echo $phone ?>">
<p class="comments">Message d'erreur</p>
</div>
<div class="col-md-12">
<label for="name">Message<span class="blue"></span></label>
<textarea id="message" name="message" class="form-control" placeholder="Votre message" rows="3" value=" <?php echo $message ?>"></textarea>
<p class="comments">Message d'erreur</p>
</div>
<div class="col-md-12">
<p class="blue"><strong>*Ces informations sont requises</strong></p>
</div>
<div class="col-md-12">
<input type="submit" class="button" value="envoyer">
</div>
</div>
<p class="thankyou">Votre message a été bien envoyé, Merci de m'avoir contacté</p>
</form>
实际上,如果我删除“值”属性,它会完美地工作......有谁知道为什么会发生这种情况?我怎样才能保持价值属性并获得“必需”的工作?
解决方案
删除 value 属性中的空格,该空格告诉浏览器该字段中有一个值,因此必需的属性和占位符属性不起作用
改成
value="<?php echo @$firstname ?>"
从
value=" <?php echo $firstname ?>"
在所有输入字段中,您可以在 php 变量之前使用 @ 来避免错误通知。
推荐阅读
- list - 随机显示列表的对象,但在 Kotlin 中每个对象仅显示一次?
- .net-core - Identity Server 4 + Angular SPA 作为外部提供商的联合网关
- swiftui - 为什么我的按钮只能在选定区域点击?
- async-await - 访问 Axios 之外的数据等待获取?
- codeigniter - 主页未加载。登录后重定向到登录而不是主页
- javascript - React - 等待页面加载的正确方法?
- javascript - jQuery搜索最近的数字
- vuejs2 - 如何为 vuejs 组件构建文档?
- android - PUBG 移动用户统计
- angular - 如何在屏幕上为元/命令、选项、移位和控制生成符号?