Вставить инпут в начало формы с помощью js
Помогите плиз. Есть html:
<body>
<form class="login-form">
<input type="text" name="password" />
</form>
<script src="index.js" type="module"></script>
</body>
Мне нужно перед существующим инпутом вставить инпут с типом логин. Делаю таким образом и вставляется туда это поле как строка:
function finishForm() {
const form = document.querySelector(".login-form");
const loginField = '<input type="text" name="login" />';
form.prepend(loginField);
return form;
}
finishForm();
Как сделать чтобы поле инпут логин вставлялось без ковычек? |
разобрался:
function finishForm() {
const form = document.querySelector(".login-form");
const inputElem = document.createElement("input");
inputElem.setAttribute("type", "text");
inputElem.setAttribute("name", "login");
form.prepend(inputElem);
return form;
}
Так корректно сделал? |
Цитата:
|
Цитата:
Вот таким образом не проходит:
let elemPaasw = document.querySelector(".login-form: nth-child(2)");
elemPaasw.setAttribute("type", "password");
return form;
|
NovichokJS,
в данном случае можно так
//inputElem.setAttribute("type", "text");
//inputElem.setAttribute("name", "login");
inputElem.name = "login";
будет тоже самое. |
Цитата:
|
Цитата:
let elemPaasw = document.querySelector("input:nth-child(2)");
elemPaasw.setAttribute("type", "password");
|
Цитата:
|
| Часовой пояс GMT +3, время: 09:23. |