هناك العديد من الطرق لكتابة مربع بحث. مربع البحث هو وظيفة مفصلة نسبيًا ، ويجب عليك أولاً حساب ارتفاعه وعرضه ؛
اسمحوا لي أن آخذ مربع البحث 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!