Input необычная форма

.input { 
    width: 250px; 
    height: 30px; 
    padding: 0 10px; 
    margin: 0 0 5px 20px; 
    border: 1px solid black; 
} 
 
.input input { 
  width: 100%; 
  border: none; 
  outline: none; 
  padding: 6px 0 8px 5px; 
  font-size: 14px; 
  background-color: transparent; 
} 
 
.input.left, 
.input.right input { 
   transform: skewX(25deg); 
} 
 
.input.right, 
.input.left input { 
    transform: skewX(-25deg); 
}

<div class="input left"> 
    <input type="text" placeholder="Ваше имя" /> 
</div> 
<div class="input right"> 
    <input type="text" placeholder="7-(___)-___-____" /> 
</div>