خالص CSS3 فرم سبک در حال تبدیل شدن به محبوب تر است. این اشکالات خود را دارد، اما افزایش زمان بارگذاری از روکش سنتی JS دهم ثانیه در هنگام صحبت کردن در مورد بهینه سازی برای به حداکثر رساندن برای کل مخاطبان خود را هدر رفته است. اکثر اشکال نسبتا مستقیم به جلو و تنها استفاده از ورودی ها و مناطق متنی به جای رادیوها و بررسی جعبه که ایجاد چالش خود را.
کد مثال زیر فقط نمونه برداری کوچکی از کاری است که می توانید انجام دهید. از افزودن گرادیان های پس زمینه یا رنگ به فرم خود نترسید. من بر روی یک نگاه خاکستری استاندارد برای اکثر عناصر تمرکز چرا که آن را راضی مخاطبان گسترده تر از رنگ خاص است. شما می توانید در اطراف بازی با سایه و رنگ پس زمینه برای اضافه کردن یک نگاه کاملا متفاوت به وب سایت خود را. اگر شما یک وب سایت تاریک، من پیشنهاد مبادله کد فرم CSS به ترکیب و پاپ در پس زمینه تاریک است. فقط اضافه کردن این CSS به ورق سبک خود را فورا سبک هر فرم.
input {
padding: 10px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
مرز شعاع: 4px;
-webkit-box-shadow: 0 0 5px #444;
-moz-box-shadow: 0 0 5px #444;
جعبه سایه: 0 0 3px #444;
مرز: 1px #fff;
}
textarea {
padding: 15px;
مرز: 1px #fff;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
مرز شعاع: 4px;
-webkit-box-shadow: 0 0 5px #444;
-moz-box-shadow: 0 0 5px #444;
جعبه سایه: 0 0 10px #444;
}
inpu[type="text"]t:hover, textarea:hover {
مرز: 1px جامد #233567;
}
فرم پیش فرض بدون CSS. به نظر مياد يه فرم خيلي خسته کننده براي من باشه!
در حال حاضر اگر ما اضافه شده CSS ، ما واقعا می تواند نگاه کلی از فرم افزایش دهد. این فرم بسیار هیجان انگیز تر است! این می دهد احساس به روز شده تر و مدرن با گوشه های گرد, سایه ملایم, و padding است که می دهد برداشت بزرگتر. این سبک فرم متناسب با بسیاری از وب سایت ها، اما قطعا برای هر وب سایت مناسب نیست. من امیدوارم که شما لذت بردن از سفارشی کردن این فرم به سلیقه خود را.
CSS در فرم باعث می شود تاثیر زیادی به ظاهر وب خود را. اگر شما علاقه مند به افزایش فرم خود را بیشتر، شما می توانید با خواص دیگر که شما در آموزش در اینجا پیدا سفارشی: رنگ پس زمینه، گرادیان، padding، و یا حتی یک تصویر، اما من فکر می کنم شما فقط با اضافه کردن CSS کمی به stylesheet خود را راضی خواهد شد.