سلوك تحديث المتصفح
https://stackoverflow.com/questions/52213
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russianسؤال
عندما يقوم المستخدم بالضغط على "تحديث" في متصفحه، فإنه يعيد تحميل الصفحة ولكنه يحتفظ بمحتويات حقول النموذج.على الرغم من أنني أرى أن هذا هو الإعداد الافتراضي المفيد، إلا أنه قد يكون مزعجًا في بعض الصفحات الديناميكية، مما يؤدي إلى تجربة مستخدم معطلة.
هل هناك طريقة، في رؤوس HTTP أو ما يعادلها، لتغيير هذا السلوك؟
المحلول
<input autocomplete="off">
نصائح أخرى
هذا ينبغي أن تفعل خدعة:
<body onload="document.FormName.reset();">
استبدل FormName باسم النموذج الخاص بك وبعد ذلك سيتم إعادة تعيين جميع الحقول عندما ينقر المستخدم على التحديث في متصفحه.
أو إذا كنت تريد فقط إعادة تعيين بعض الحقول، أضف هذا إلى أسفل صفحتك:
<script type="text/javascript">
document.getElementById('field1').value ='';
document.getElementById('field2').value ='';
document.getElementById('field3').value ='';
</script>
سيؤدي ذلك إلى إعادة تعيين الحقول في كل مرة يدخل فيها المستخدم إلى الصفحة، بما في ذلك عمليات التحديث
أضف سمة الإكمال التلقائي التي تم ضبطها على "إيقاف" إلى المدخلات التي لا تريد تحديثها.على سبيل المثال:
<input type="text" name="pin" autocomplete="off" />
يرىمرجع W3C
على الرغم من عدم ذكره في المرجع، فإنه يعمل أيضًا مع مربعات الاختيار، على الأقل في فايرفوكس.
يمكنك استدعاء طريقة إعادة التعيين () لكائن النماذج من حدث التحميل الأساسي لمستند html الخاص بك لمسح النماذج.
h1.مراجع
- طريقة إعادة تعيين MSDN - http://msdn.microsoft.com/en-us/library/ms536721(VS.85).aspx
- مركز مطور موزيلا form.reset
أتساءل، إذا قمت بتعيين الصفحة بحيث لا يتم تخزينها مؤقتًا من خلال العلامات الوصفية، فهل سيؤدي ذلك إلى حل المشكلة؟ http://lists.evolt.org/archive/Week-of-Mon-20030106/131984.html إذا كان الأمر كذلك، فسيكون له فائدة العمل على المتصفح مع تعطيل Javascript.
البيانات الموجودة في النماذج ليست جزءًا من مواصفات w3c.إنها ميزة متصفح لتجعل حياتك سهلة.لذا، إذا كنت لا ترغب في الاحتفاظ بالبيانات بعد إعادة التحميل، فيمكنك ضبط جميع قيم النموذج على قيمة خالية بعد تحميلها، كما قال إسبو.حتى إذا لم يتم تخزين الصفحة مؤقتًا، فستعرض البيانات الموجودة في النموذج، لأن البيانات ليست جزءًا من كود html الخاص بالصفحة.يمكنك تجربة هذا أيضًا (لا أعرف ما إذا كان سينجح):
<input type="text" name="foo" value="">
