العربية
<script> وظيفة مصاصة (نوع، علامة، ParentId) { إذا (window.attachEvent) { window.attachEvent("onload"، function() { var sfEls = (parentId==null)?document.getElementsByTagName(tag):document .getElementById(parentId).getElementsByTagName(tag type(sfEls }); } } sfFocus = function(sfEls) { for (var i=0; i<sfEls.length; i++) { sfEls[i].onfocus=function() { this.className+=" sffocus"; } sfEls[i].onblur=function() { this.className=this.className.replace(new RegExp(" sffocus\b"), ""); } } }suckerfish(sfFocus, "INPUT"); Suckerfish(sfFocus, "TEXTAREA"); </script> <style type="text/css"> form{ هامش: 0px تلقائي؛ العرض: 450 بكسل؛ الحدود: صلبة 1 بكسل #CCC؛ } .bo{ Border-bottom: Solid 1px #CCC; } التسمية { تعويم: اليسار؛ الحشو: 10 بكسل 0 بكسل 4 بكسل 30 بكسل؛ } الإدخال { الحشو: 1 بكسل؛ } الإدخال,textarea{ الحدود: 1px Solid #CCC; الهامش: 5 بكسل 0 بكسل؛ } منطقة النص { الحشو: 2px؛ } .bt{ العرض: 38 بكسل؛ الارتفاع: 20 بكسل؛ حجم الخط: 11 بكسل؛ الحدود: صلبة 1 بكسل #CCC؛ الخلفية: #FBFBFB؛ محاذاة النص: مركز؛ } .btcenter{ محاذاة النص: center; واضح: يسار؛ الحشو: 4px 0px 0px؛ } .sffocus {/*----لـ IE----*/ الخلفية: #F0F9FB; الحدود: 1 بكسل صلب #1D95C7؛ } منطقة النص:التركيز، الإدخال:التركيز {/*----لمتصفح فايرفوكس......----*/ الخلفية: #F0F9FB; الحدود: 1 بكسل صلب #1D95C7؛ } body { عائلة الخط: Arial، Helvetica، sans-serif؛ حجم الخط: 12 بكسل؛ اللون: #666666؛ الهامش العلوي: 20 بكسل؛ } </style> <form action="#"method="post" name="myform" id="myform"> <div class="bo"> <label>العنوان:</label> <input type=" text"size = "20" maxlength = "10" /> </div> <div class = "bo"> <label> اللون: </label> <input type = "text" size = "20" max length = " 16" /> </div> <div class="bo"> <label>العنوان:</label> <input type="text" size="30" maxlength="20" /> </div> <div class = "bo"> <label> العنوان: </label> <textarea cols = "40"rows = "8"></textarea> </div> <div class = "btcenter"> <input type = "submit" " class = "bt" value = "إرسال" /> <input type = "reset" class = "bt" value = "إعادة تعيين" /> </div> </form>
