ستایش
1 سال پیش توسط ستایش مطرح شد
3 پاسخ

ایجاد input

سلام میخواستم که مثلا یه دکمه داشته باشم که وقتی روش کلیک شد یه input ساخته بشه
ممنون میشم راهنمایی کنید


ثبت پرسش جدید
میکائیل
تخصص : برنامه نویسی سمت سرور و کلاینت
@FullStack 1 سال پیش مطرح شد
0

سلام وقت بخیر
میخواید یک اینپوت ساخته بشه؟ یا یک اینپوت وجود داره و پنهان هست و اگه روی دکمه کلیک شد نمایش داده بشه؟ این کار هارو باید با جاوا اسکریپت انجام بدی برای ساخت اینپوت با کلیک خوب من کدشو مینویسم برات استفاده کن مرحله به مرحله هم توضیح دادم

<!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>

محمد حسین
تخصص : mevn stack
@saghari 1 سال پیش آپدیت شد
0
<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>

ستایش
تخصص : لاراول
@Setayeshho 1 سال پیش مطرح شد

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام