العرض التوضيحي.html:
<!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>المستند</title> <style> form { width: 100%; الحد الأقصى للعرض: 640 بكسل؛ الحد الأدنى للعرض: 320 بكسل؛ الهامش: 0 تلقائي؛ عائلة الخطوط: Microsoft Yahei؛ حجم الخط: 20 بكسل؛ } الإدخال { العرض: كتلة؛ العرض: 100%؛ الارتفاع: 30 بكسل؛ الهامش: 10 بكسل 0؛ } </style> </head> <body> <form action=> <fieldset> <legend>表单属性</legend> <label for=> البريد الإلكتروني: <input type=email name=email > </label> < تسمية لـ=> هاتف: <نوع الإدخال=اسم الهاتف=هاتف> <!-- قم بالتسجيل، قم بزيارة الرابط --> </label> <label for=> url: <input type=url name=url > </label> <label for=> الرقم: <input type=number name=number step =5> <!--输入的是步长的整倍数--> </label> <label for=> بحث: <input type=search name=search > <!--移动端出现的小键盘右下角是搜索按钮--> </label> <label for=> النطاق: <input type=range name=range value=100 min=0 max=300> <!--默认最小0 最大100--> </label> <label for=> <label for=> اللون: <input type=color name=color > </label> الوقت: <input type=time name=time > </label> <label for=> التاريخ: <input type=date name=date > </label> <label for=> الشهر: <input type=month name=month > </label> <label for=> الأسبوع: <input type = اسم الأسبوع = الأسبوع > </label> <label for=> datetime: <input type=datetime name=datetime > </label> <input type=submit value=提交> </fieldset> </form> </body> </html>总结تعلم كيفية استخدام HTML5 قد يكون من الصعب على أي شخص أن يتخيل ما هو أفضل من ذلك ، لقد قمت بإيقاف تشغيل VeVb 武林网网站的支持!