html

I would like to add number fields to a contact form using html instead of Contact Form 7 shortcodes.

The code is:

<input required class=”miles” type=”number” pattern=”/^-?d+.?d*$/” onKeyPress=”if(this.value.length==1) return false;” /><span style=”font-size:38px;”>,</span><input required class=”miles” type=”number” pattern=”/^-?d+.?d*$/” onKeyPress=”if(this.value.length==1) return false;” /><input required class=”miles” type=”number” pattern=”/^-?d+.?d*$/” onKeyPress=”if(this.value.length==1) return false;” /><input required class=”miles” type=”number” pattern=”/^-?d+.?d*$/” onKeyPress=”if(this.value.length==1) return false;” /><span style=”font-size:38px;”>,</span><input required class=”miles” type=”number” pattern=”/^-?d+.?d*$/” onKeyPress=”if(this.value.length==1) return false;” /><input required class=”miles” type=”number” pattern=”/^-?d+.?d*$/” onKeyPress=”if(this.value.length==1) return false;” /><input class=”miles” type=”number” pattern=”/^-?d+.?d*$/” onKeyPress=”if(this.value.length==1) return false;” / required ><input required style=”margin-top:-40px !important;” class=”miles” type=”number” pattern=”/^-?d+.?d*$/” onKeyPress=”if(this.value.length==1) return false;” />

https://drive.google.com/file/d/1C_acdZ2wNnkn6F8QgVobfnLJVdh2hPZW/view?usp=sharing

How do I add these fields to the email template?
Also, how do I make the fields required? Adding the required tag to the input field doesn’t work.