I'm using Javascript to construct a html, I'm trying to put a label to the right of the checkbox.
I tried different line order with the Javascript code and different appendChild order, but I never get the result I want.
const div_recordar_login = document.createElement("div");
div_recordar_login.classList.add("remember-forgot");
form_login.appendChild(div_recordar_login);
const label_chk_rec_log = document.createElement("label");
div_recordar_login.appendChild(label_chk_rec_log);
const input_chk_rec_log = document.createElement("input");
input_chk_rec_log.type = "checkbox";
label_chk_rec_log.textContent = "Recordar usuario ";
label_chk_rec_log.appendChild(input_chk_rec_log);
This is what I expect in html
<div class="remember-forgot">
<label><input type="checkbox">Recordar usuario</label>
This is what I'm getting
<div class="remember-forgot">
<label>
Recordar usuario
<input type="checkbox">
</label>
Aucun commentaire:
Enregistrer un commentaire