表单输入不会被标记为必填

Question

我使用 Contact Form 7 创建了一个带有以下 HTML 代码的表单：

<label for=".elementor-6 .elementor-element.elementor-element-5m0lukt .wpcf7 input[type="text"]"><input type=text textarea name="your-name" placeholder="שם מלא" required id:name </input></label> 
<label for= ".wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-required.wpcf7-validates-as-tel* your-email"> <input type="tel" textarea name="your-phone" input placeholder="טלפון" id:phone required</input></label>
<label for= ".wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-required.wpcf7-validates-as-email* your-email"> <input type="email" textarea name="your-email" input placeholder="אימייל" id:email required</input></label>

但是，由于某种原因，必需的属性不起作用，这些字段可以留空。 1）我怎样才能使这些字段实际需要？ 2) 如果字段为空，如何在字段旁边添加 *field is required 消息？

这是一个链接（这个登陆页面有两种形式）：mickeyberkowitz.com 谢谢！！

Answer 1

输入是自动关闭的，所以你不要输入</input>，你只需使用/> 来关闭标签，所以你的代码应该是

<label for=".elementor-6 .elementor-element.elementor-element-5m0lukt .wpcf7 input[type="text"]"><input type=text textarea name="your-name" placeholder="שם מלא" required id:name /></label> 
<label for= ".wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-required.wpcf7-validates-as-tel* your-email"> <input type="tel" textarea name="your-phone" input placeholder="טלפון" id:phone required /></label>
<label for= ".wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-required.wpcf7-validates-as-email* your-email"> <input type="email" textarea name="your-email" input placeholder="אימייל" id:email required /></label>

这是一个小提琴Fidde Demo