این سایت از کوکی استفاده می کند. ادامه مرور در این سایت به منزله این است که با استفاده کوکی ها توسط ما موافقت کرده اید.

 

خوش آمدید به انجمن تخصصی پایتون و جنگو (پایتونی ها)

لطفاً برای دسترسی به تمامی بخش های سایت مراحل ثبت نام و ایجاد حساب کاربری را طی نمایید.

سلام دوستان عزیز

من تازه درباره فرم ها در جنگو مطالعه کردم . تا جایی که میدونم شما میتونید به راحتی فرم ایجاد کنید . با تگ جنگو {{form.as_p}} 

خروجی هم یک فرم خیلی ساده هست که هیچ css ای به اون اعمال نشده . چطوری باید به فرم ها در جنگو css‌ اضافه کرد؟

نحوه اضافه کردن css به form.as_p به صورت صحیح به چه صورته ؟

 

با تشکر از دوستان

پسند شده توسط 1 کاربر

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

با سلام کاربر گرامی

هنگامی که شما در فایل مدل app خود یک کلاس برای فرم تعریف می کنید ، مثلا شبیه کد زیر :

class SignUp(models.Model):
    email = models.EmailField()
    full_name = models.CharField(max_length=120, blank=True, null=True)

 

و در نهایت مثلا در صفحه home.html با دستور زیر فرم رو نمایش می دهید :

<form action="" method="POST">
    {% csrf_token %}
    {{form.as_p}}
    <input type="submit" value="Submit">
</form>

 

به صورت خودکار ۲ خصوصیت css برای ۲ فیلد email و full_name در نظر گرفته می شود .

id_email

id_full_name

به عکس زیر دقت کنید :

1.png

اگر به عکس بالا دقت کنید میبنید که به input مربوط به ایمیل ، یک ID اختصاص یافته با نام id_email

با همین آی دی می تونید هر خصوصیتی خواستید در فایل css خود اعمال کنید .

البته روش های دیگری هم هست که شما می تونید کلاس دلخواه خودتون رو به فیلد دلخواه فرم خودتون در جنگو اضافه کنید . به کد زیر دقت کنید :

MyForm(forms.Form):
    email = models.CharField(widget=forms.TextInput(attrs={'class' : 'myclass1'})
    full_name = models.CharField(widget=forms.TextInput(attrs={'class' : 'myclass2'})

 

اگر این جواب کمکتون نکرد ادامه همین تاپیک اعلام کنید .

 

موفق و پیروز باشید

پسند شده توسط 1 کاربر

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

با تشکر . 

راجبش مطالعه میکنم و تمرین میکنم اگر به مشکلی خوردم میپرسم . 

مرسی از زحمتی که کشیدید

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

برای ارسال دیدگاه یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید دیدگاهی ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در سایت ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری