With CSS on T/nT and JS on T only
Example: http://righttoleftform.pagedemo.co/
.form-radio-label:before,
.form-checkbox-label:before {
right: -7px;
left: auto;
}
.form-checkbox-label:after {
left: auto;
right: 5px;
}
.form-radio-label,
.form-checkbox-label {
padding-right: 20px;
text-align: right;
}
input[type="text"], input[type="email"], input[type="password"], textarea, select {
direction: rtl;
}
.form-label-outside, .form-label-title, .form-block-radio, .form-block-checkbox {
text-align: right;
}
select.form-select {
padding-right: 25px !important;
}
<script>
var textInputs = document.querySelectorAll('input[type="text"], input[type="email"], input[type="password"], textarea, select');
var labels = document.querySelectorAll('.form-label-outside, .label-outside, .form-label-title, .form-block-radio, .form-block-checkbox, .form-btn');
var dropdown = document.querySelectorAll('select');
for (var i = 0; i < textInputs.length; i++) {
textInputs[i].style.direction = 'rtl';
}
for (var i = 0; i < labels.length; i++) {
labels[i].style.textAlign = 'right';
}
if (dropdown.length) {
for (var i = 0; i < dropdown.length; i++) {
dropdown[i].style.paddingRight = '25px';
}
}
</script>