Latest web development tutorials

زر مسج موبايل

يتم بناؤها التطبيقات النقالة في نقرة بسيطة من الأشياء التي تريد عرضها.





إنشاء زر في مسج موبايل

في مسج جوال، يمكن إنشاء زر في ثلاث طرق:

  • استخدام <زر> العنصر
  • استخدام <إدخال> العنصر
  • استخدام <A> العناصر مع بيانات دور = "زر" لل

<زر>

<button>按钮</button>

محاولة »

<الإدخال>

<input type="button" value="按钮">

محاولة »

<A>

<a href="#" data-role="button" >按钮</a>

محاولة »

مصباح في مسج جوال، فإن زر التصميم تلقائيا، وجعلها أكثر جاذبية وتوفر على الأجهزة النقالة. نحن ننصح باستخدام عناصر <a> لمع بيانات دور = "زر" للصلة، استخدم <إدخال> أو <زر> عنصر بين الصفحات تشكيل تقديمها.


أزرار التنقل

لمن خلال وصلة زر بين الصفحات، واستخدام عناصر <A> مع بيانات دور = "زر" الملكية:

أمثلة

< a href="#pagetwo" data-role="button" >访问第二个页面</a>

محاولة »


زر مضمنة

افتراضيا، الزر يحتل كامل عرض الشاشة. إذا كنت ترغب في المحتوى فقط واسعة كما زر واحدة، أو إذا كنت ترغب في عرض اثنين أو أكثر من الأزرار جنبا إلى جنب، إضافة =-مضمنة البيانات "صحيح":

أمثلة

<a href="#pagetwo" data-role="button" data-inline="true" >访问第二个页面</a>

محاولة »


مزيج من أزرار

يوفر مسج المحمول وسيلة بسيطة لدمج زر.

يرجى وضع-دور البيانات = "controlgroup" سمات ونوع البيانات = "أفقي | العمودي" تستخدم معا لتحديد ما إذا كانت مجموعات أفقية أو عمودية من الأزرار:

أمثلة

<div data-role="controlgroup" data-type="horizontal" >
<a href="#anylink" data-role="button">按钮 1</a>
<a href="#anylink" data-role="button">按钮 2</a>
<a href="#anylink" data-role="button">按钮 3</a>
</div>

محاولة »

مصباح افتراضيا، الأزرار هي مزيج من تكوين العمودي، أي هامش والمسافة التي تفصل بينهما. ويتم تقريب فقط الأزرار الأولى والأخيرة، حتى أنه عندما تكون مجتمعة معا لخلق نظرة جميلة.


زر الرجوع

لإنشاء زر الخلف، واستخدام البيانات يختلط = "العودة" الملكية (الذي يتجاهل قيمة أ href مرساة):

أمثلة

<a href="#" data-role="button" data-rel="back" >返回</a>

محاولة »


المثال زر المزيد من الروابط

فئة وصف أمثلة
BTN-UI-ب تعديل زر اللون الأسود، والخط الأبيض (خلفية رمادية الافتراضي، الخط الأسود). محاولة
واجهة المستخدم الزاوية للجميع زر لإضافة زوايا مدورة محاولة
واجهة المستخدم المصغرة جعل أزرار صغيرة محاولة
واجهة المستخدم الظل زر لإضافة الظل محاولة

مذكرة اذا كنت بحاجة الى مزيد من الأساليب، كل فئة أسلوب مفصولة بمسافة، مثل: فئة = "BTN واجهة المستخدم واجهة المستخدم BTN-مضمنة BTN اجهة المستخدم الزاوية عن واجهة المستخدم الظل"

افتراضيا، وتقريب <إدخال> زر زوايا وتأثير الظل. <A> و<زر> عناصر لا.

دروس CSS أكثر اكتمالا، يرجى الاطلاع على دليل مسج موبايل CSS الدرجة المرجعي .

يوضح المقطع التالي كيفية إضافة رمز على زر.