التعليق: أعتقد أن لديك فهم جيد لضبط HTML5 الناتج التلقائي ونص العنصر النائب. لاستخدام وظيفة التركيز التلقائي لـ HTML5 ، تحتاج فقط إلى إضافة سمة التركيز التلقائي في حقل النموذج. أولاً ، انظر إلى رمز المثال التالي لاستخدام التركيز التلقائي HTML ونص العنصر النائب. يمكن للأصدقاء المهتمين التعرف على ذلك.
انظر أولاً إلى رمز المثال التالي لاستخدام التركيز التلقائي HTML ونص العنصر النائب
<! doctype html> 2: <html>
<head>
<title> قم بتسجيل حساب </title>
<meta charset = "utf-8">
</head>
<body>
<form method = "post" Action = "Goto">
<fieldset>
<LEGEND> تسجيل مستخدم جديد </legend>
<ol>
<li>
<label for = "name"> البريد الإلكتروني </label>
<type type = "البريد الإلكتروني">
</li>
<li>
<label for = "user"> اسم المستخدم </label>
<type type = "text">
</li>
<li>
<label for = "labeame"> عرض الاسم </label>
<type type = "text">
</li>
<li>
<label for = "password"> كلمة المرور </label>
<type type = "password">
</li>
<li>
<label for = "include_password"> تأكيد كلمة المرور </label>
<type type = "password">
</li>
</ol>
</fieldset>
</form>
</body>
</html>
باستخدام التركيز التلقائي
لاستخدام وظيفة التركيز التلقائي لـ HTML5 ، ما عليك سوى إضافة خاصية ضبط تلقائي للصورة في حقل النموذج
على سبيل المثال ، تريد تحديد موقع المؤشر تلقائيًا في صندوق بريد حقل النموذج الأول للنموذج عند تحميل الصفحة وتحسين كفاءة الإدخال.
<li>
<label for = "name"> البريد الإلكتروني </label>
<type type = "البريد الإلكتروني" التركيز التلقائي>
</li>
تجدر الإشارة إلى أنه إذا تم تعيين خصائص ضبط تلقائي تلقائيية متعددة في الصفحة ، فسيكون مؤشر المستخدم موجودًا فقط في حقل النموذج الأخير مع مجموعة خصائص التركيز التلقائي.
استخدم نص العنصر النائب
أكبر استخدام للنص النائب هو توضيح للمستخدمين كيفية ملء النموذج بشكل صحيح. وهذا هو ، يتم إجراء موجه الإدخال. لاستخدام نص العنصر الوطني ، فقط أضف سمة العنصر النائب في حقل الإدخال
فيما يلي حقل نموذج الإدخال باستخدام سمة العنصر النائب
<ol>
<li>
<label for = "name"> البريد الإلكتروني </label>
<type type = "البريد الإلكتروني" تلقائي تلقائيًا.
</li>
<li>
<label for = "user"> اسم المستخدم </label>
<type type = "text" placeholder = "Enter username">
</li>
<li>
<label for = "labeame"> عرض الاسم </label>
<type type = "text" placeholder = "Enter LJENAME">
</li>
<li>
<label for = "password"> كلمة المرور </label>
<type type = "password" placeholder = "أدخل كلمة المرور">
</li>
<li>
<label for = "include_password"> تأكيد كلمة المرور </label>
<type type = "password" placeholder = "أدخل كلمة المرور مرة أخرى">
</li>
</ol>
تأثير التشغيل كما يلي
سواء لتمكين الإكمال التلقائي
تم تقديم سمة الإكمال التلقائي في HTML5. تستخدم لإعلام المتصفح ما إذا كان حقل النموذج الحالي مليء بالبيانات تلقائيًا. ستتذكر بعض المتصفحات البيانات التي أدخلها المستخدم من قبل ، وفي بعض الحالات قد لا نريد من المستخدم استخدام بيانات السجل ، وخاصة مشابهة كلمة المرور.
إغلاق الإكمال التلقائي
<type type = "password" autocomplete = "Off" placeholder = "Enter Password">
فقط قم بتعيين قيمة ATUOCBOPTE إلى OFF لمنع الانتهاء التلقائي.