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

میخوام همچین فرمی طراحی کنم

چطوری میتونم همچین input هایی بسازم؟ با این لیبل های خوشگلِ شناور
توضیح تصویر رو وارد کنید


ثبت پرسش جدید
mahdi
@xcocoder 3 سال پیش مطرح شد
0

سلام،
کافیه که position لیبت رو بزاری روی absolute ، بعد هم با مقادیر top و right تنظیمشون کنی.


ASPgo
تخصص : HTML، CSS، PHP و JS، طراح قالب...
@asp.gosk 3 سال پیش آپدیت شد
1

<html>
<body>

<form>
  <fieldset>
    <legend>تلفن همراه</legend>
    <input type="text">
  </fieldset>

</form> 

</body>
</html>

بعد باید طول و عرض input رو 100% کنی تا اندازه کل fieldset شه مثل این

<html>
<body>

<form>
  <fieldset style="width: 100%; height: 4rem;">
    <legend>تلفن همراه</legend>
    <input type="text" style="width:100%; height:100%;">
  </fieldset>

</form> 

</body>
</html>

محمد رضا
تخصص : Full Stack Developer
@salar.mohammad2013 3 سال پیش مطرح شد
mahdi
@xcocoder 3 سال پیش مطرح شد
0

سلام،
کافیه که position لیبت رو بزاری روی absolute ، بعد هم با مقادیر top و right تنظیمشون کنی.


سید حسین حسینی مطلق
تخصص : برنامه نویس، طراح و توسعه دهند...
@iranianaerospace 3 سال پیش مطرح شد
0

جدای از همه پاسخ های صحیح دوستان، اضافه می کنم که با فریم ورک ها اینکار رو اگه انجام بدید خیلی کارتون راحت تر میشه!
پس فریم ورک برای چیه دیگه؟
میتونید از کامپوننت های فرم Materializecss استفاده کنید!


Saman
تخصص : برنامه نویس وب
@samanzdev 3 سال پیش مطرح شد
0

سلام
می تونید از فرم های bootstrap استفاده کنید.
https://getbootstrap.com/docs/4.0/components/forms/
@mhmd01qk


محمدحسن فرهادی
تخصص : علاقه مند به کد نویسی
@farhadi 3 سال پیش مطرح شد
0

دوست عزیز این ساده ترین کاری هست که بوت استرپ می تونه براتون انجام بده ! @mhmd01qk


qk01
تخصص : کارآموز برنامه نویسی
@mhmd01qk 3 سال پیش مطرح شد
0

@salar.mohammad2013 اون صفحه خیلی خو بود اما چجوری میتونم اجراش کنم؟


محمد رضا
تخصص : Full Stack Developer
@salar.mohammad2013 3 سال پیش مطرح شد
1

خب کد ها و استایل هاش هست دیگ
روش راست کلیک کن inspect بزن و style هاش رو ببین
مثل همون دوستمون ک گفتن از position absolute و margin o top این بحثا استفاده کن


mimv
تخصص : هیچی
@mimV 3 سال پیش مطرح شد
0

این نمونه رو بررسی کنید


qk01
تخصص : کارآموز برنامه نویسی
@mhmd01qk 3 سال پیش مطرح شد
0

@mimV ممنون نمونه خوبی بود👍👍👍


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

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