يمكن أن تساعدك خمس نصائح لتخطيط نموذج div CSS في التحكم في النموذج بمرونة أكبر وجعل الصفحة أكثر إرضاءً.
1. اختيار الهاتف المحمول لإدخال نص النموذج:
في حقل إدخال النص، إذا تمت إضافة مطالبة، فغالبًا ما يتعين على الزائرين استخدام الماوس لتحديدها وحذفها، ثم إدخال معلومات مفيدة. في الواقع، طالما قمت بإضافة رمز onMouseOver = "this.focus ()" onFocus = "this.select ()" إلى <textarea>، فسيصبح كل شيء أبسط بكثير، مثل:
مثال كود المصدر [www.devdao.com ]< textarea name=textarea Wrap=virtualrows=2 cols=22 onMouseOver="this.focus()" onFocus="this.select()">أدخل اللغة الإنجليزية..</textarea>
وبالمثل، يمكنك إضافة تعليمات برمجية إلى <input>.
2. انقر لحذف وحدة إدخال النموذج:
هذا العمود له نفس الوظيفة المذكورة أعلاه، ولكن هناك تغيير طفيف في استخدام الماوس، فأنت بحاجة إلى النقر عليه بدلاً من مجرد تغطيته بالماوس كما هو موضح أعلاه. على سبيل المثال:
مثال لكود المصدر [www.devdao.com]<input type=text name="address" size=19 value="Enter,e-mail..."onFocus="this.value=''">
بعد النقر على وحدة الإدخال، سيتم حذف الرسالة السريعة، أليس هذا مناسبًا جدًا؟
3. إعدادات الحدود لوحدات إدخال النموذج:
سيؤدي تغيير حدود وحدة النموذج التقليدية إلى جعل صفحتك الرئيسية أكثر سخونة. على سبيل المثال:
مثال لكود المصدر [www.devdao.com]<نوع الإدخال=اسم الراديو=قيمة الإجراء=نمط الاشتراك المحدد ='BORDER-BOTTOM: متقطع 1 بكسل؛ BORDER-LEFT: متقطع 1 بكسل؛ BORDER-RIGHT: متقطع 1 بكسل؛ BORDER - الأعلى: متقطع 1 بكسل؛ لون الخلفية: #FEF5C8">
من بينها، "style=***" هي إعدادات الألوان لليسار واليمين والأعلى والأسفل والخلفية، وهي قابلة للتطبيق على الوحدات الأخرى ويطلب من القراء تجربتها بأنفسهم.
4. إعداد النص لوحدة إدخال النموذج:
يمكن تعديل خط الوحدة في النموذج، مثل:
مثال كود المصدر [www.devdao.com]<input type=text name="address" size=19 value=" أدخل البريد الإلكتروني..." style=font-family:"verdana";font-size:10px >
من بينها، "style =***" هو إعدادات الخط وحجم الخط.
5. تعديل خصائص النموذج إلى النوافذ المنبثقة:
بعد تنشيط معظم النماذج، سيتم فتحها في الصفحة الحالية، مما يؤثر على التصفح العادي. ومن الأفضل تعديله، مثل:
مثال كود المصدر [www.devdao.com]<form Method=POST action=url target=_blank>
ومن بينها، يتحكم "target=_blank" في فتح النافذة المنبثقة.