<label>
  <input placeholder='שם מלא' />
</label>

<label>
  <input
    placeholder='כתובת אימייל'
    type='email'
    required
  />
  
</label>
body {
  direction: rtl;
}

label {
  display: block;
}

input[type='email'] {
  text-align: right;
  direction: ltr;
}
const email = document.querySelector('input[type="email"]');

function setEmailAlignment(e) {
  const el = e.target;
  if (el.value.length === 0) {
    el.style.textAlign = 'right';
  } else {
    el.style.textAlign = 'left';
  }
}

email.addEventListener('input', setEmailAlignment);

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.