仅在html中验证配方

Question

嘿，我有一个问题，如何在html中进行验证。我在互联网上查找，但所有生成的内容都是为了创建新的电子邮件文件并在其中进行更改，但我想要html本身：

<h1>Contact</h1>
<div class="contact_helper">
<div class="contact_intro">xxxxxxxxxxxxxxxx</div>
<form action="mail.php" method="post">
<input type="email" placeholder="Mail" name="email" style="font-family: Roboto">
<br>
<input type="text" placeholder="Name" name="name" style="font-family: Roboto">
<input type="text" placeholder="Surname" name="surname" style="font-family: Roboto">
<br>
<input type="text" placeholder="Temat" name="subject" style="font-family: Roboto">
<br>
<textarea name="message" cols="30" rows="10" placeholder="message"
style="font-family: Roboto"></textarea>
<button type="submit">Send</button>
</form>
</div>

Answer 1

您必须向输入元素添加required属性：

<h1>Contact</h1>
<div class="contact_helper">
<div class="contact_intro">xxxxxxxxxxxxxxxx</div>
<form action="mail.php" method="post">
<input type="email" placeholder="Mail" name="email" style="font-family: Roboto" required="required">
<br>
<input type="text" placeholder="Name" name="name" style="font-family: Roboto" required="required">
<input type="text" placeholder="Surname" name="surname" style="font-family: Roboto" required="required">
<br>
<input type="text" placeholder="Temat" name="subject" style="font-family: Roboto" required="required">
<br>
<textarea name="message" cols="30" rows="10" placeholder="message"
style="font-family: Roboto" required=""></textarea>
<button type="submit">Send</button>
</form>
</div>