Contact Form DIV

Hey guys,

Could you please help me with the code below. I want to add a field for a phone number as seen bellow but something isnt right. First of all the text stays when i click on the field (wrong code i guess) and when i send myself an e-mail, in it name and lastname doesn’t show and like i said no phone.

<div class="met_contact_wrapper">
<div class="met_input met_half_size_input">[text* your-name placeholder "Ime in priimek"]</div>
<div class="met_input met_half_size_input met_half_size_input_margin">[email* your-email  placeholder "E-naslov"]</div>
<div class="met_input met_half_size_input">[text* your-name placeholder "Telefonska številka"]</div>
<div class="met_input met_half_size_input">[tel* your-tel placeholder "Telefonska"]</div>
<div class="met_input met_half_size_input">[text* your-name placeholder "Zadeva"]</div>
<div class="met_input met_form_textarea">[textarea* your-message  placeholder "Vaše sporočilo"]</div>
<div class="met_input">[submit "Pošlji"]</div>
</div>

https://ww.wp.xz.cn/plugins/contact-form-7/