حل شده
ایجاد input
سلام میخواستم که مثلا یه دکمه داشته باشم که وقتی روش کلیک شد یه input ساخته بشه
ممنون میشم راهنمایی کنید
ثبت پرسش جدید
پاسخها
3بهترین پاسخ
سلام وقت بخیر
میخواید یک اینپوت ساخته بشه؟ یا یک اینپوت وجود داره و پنهان هست و اگه روی دکمه کلیک شد نمایش داده بشه؟ این کار هارو باید با جاوا اسکریپت انجام بدی برای ساخت اینپوت با کلیک خوب من کدشو مینویسم برات استفاده کن مرحله به مرحله هم توضیح دادم
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<!-- این دکمه با تایع آن کلیک وصل میشه به اسکریپت و تابع زیر که باید همنام باشه که تابع رو پیدا کنه -->
<button onclick='addInput()'>اضافه کردن اینپوت</button>
<div id='input-container'>
<!--تمامی اینپوت ها توی این تگ به وجود میان-->
</div>
</body>
<script>
// اینجا میاد وصل میشه به تگ اینپوت ها تا دسترسی داشته باشه اینپوت رو داخلش ایجاد کنه
const container = document.getElementById('input-container');
// این تابه همون تابععی هست که بالا گفتم و وصل میشه به ان کلیک دکمه
function addInput(){
let input = document.createElement('input');
input.placeholder = 'plase type your message';
container.appendChild(input);
}
</script>
</html>
<button>click to create input</button>
<script>
const button = document.querySelector('button')
button.addEventListener('click', e => {
const input = document.createElement('input')
button.appent(input)
})
</script>
@FullStack @hussain2
ممنون :)
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد