راکت
حل شده

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

10 پاسخ

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

ثبت پرسش جدید

پاسخ‌ها

10
mahdi
mahdi
@xcocoder
بهترین پاسخ

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

ASPgo
ASPgo
@asp.gosk

تخصص: HTML، CSS، PHP و JS، طراح قالب و افزونه وردپرس، سئوکار و مقاله نویس


<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>
محمد رضا
محمد رضا
@salar.mohammad2013

تخصص: Full Stack Developer

شاید پاسخ شما همین‌جا باشد

Ed.t
Ed.t
@Edward7000

تخصص: Programmer

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

Saman
Saman
@samanzdev

تخصص: برنامه نویس وب

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

محمدحسن فرهادی
محمدحسن فرهادی
@farhadi

تخصص: علاقه مند به کد نویسی

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

qk01
qk01
@mhmd01qk

تخصص: کارآموز برنامه نویسی

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

محمد رضا
محمد رضا
@salar.mohammad2013

تخصص: Full Stack Developer

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

mimv
mimv
@mimV

تخصص: هیچی

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

qk01
qk01
@mhmd01qk

تخصص: کارآموز برنامه نویسی

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

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

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