تحليل متعمق لكتابة مربع البحث

هناك العديد من الطرق لكتابة مربع بحث. مربع البحث هو وظيفة مفصلة نسبيًا ، ويجب عليك أولاً حساب ارتفاعه وعرضه ؛

اسمحوا لي أن آخذ مربع البحث JD كمثال لإعطائك تحليلًا موجزًا.

ما سبق هو تقديم صندوق البحث النهائي.

أرسل الرمز أولاً >>>>>>>

 <span style = "color: rgb (255 ، 0 ، 255) ؛ font-size: 18pt ؛"> <strong> html tag: </strong> </span> <viv> <form> <input type = "text" name = "search" placeholder = "search practice> <button> search </button>-ize-- </form> </viv> نمط CSS: .center_child1 {width: 538px ؛ الارتفاع: 36px ؛ الفائض: مخفي ؛ الحدود: 2px الصلبة #BD1D17 ؛}. تعويم: اليسار. الحشو: 6px 2px ؛ ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ------ تدع لون خلفية ملصق الإدخال شفافًا. الحدود: لا شيء ؛ ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- الزر {العرض: 76px ؛ الارتفاع: 36px ؛ تعويم: يمين ؛ الخلفية:#bd1d17 ؛ الحدود: لا شيء ؛ اللون: #fff ؛ الحجم: 15px ؛}

ملخص: يحتوي مربع البحث على ثلاثة أجزاء رئيسية ، والآخر هو جزء مربع الإدخال (اليسار) ، والآخر هو جزء زر البحث (اليمين) ، والآخر هو اثنين من divs الكبيرة التي تحتوي عليها ؛

1. حدد العرض الأول والارتفاع واللون الحدودي من Div الكبير. يجب حساب ذلك مقدمًا على أساس الاحتياجات الشخصية.

2. تعويم الجانب الأيسر من الإدخال (جزء الإدخال) على التوالي ؛ تعويم الجانب الأيمن من الزر (جزء زر) ، تذكر استخدام الفائض: مخفي ؛ ميزة divs الكبيرة.

3. اضبط ارتفاع وعرض المدخلات. تذكر استخدام الحشو لدعم قيمة الارتفاع ، بحيث لا تلتزم بالحدود عند دخول الخط ، مما يزيد من الجمال ؛ إذا تمت إضافة قيمة العرض قليلاً إلى اليسار ، للجمال.

ما سبق هو الطريقة لكتابة مربع البحث الذي قدمه لك المحرر. آمل أن يكون ذلك مفيدًا لك. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر إليك في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!