اذهب إلى المحتوى
  • 0

كيفية اعداد زر إظهار كلمة المرور باستخدام bootstrap

شادي رحال

السؤال

عندما نضع input  من نوع  password  تكون الأحرف داخل الخانة دوائر سوداء, في بعض الحالات يكون هناك زر على شكل عين مثلاً إذا ضغطت عليه تظهر الأحرف داخل الخانة, يمكنني عمل ذلك بواسطة جافاسكربت, ولكن ألا يوجد طريقة أسرع منها بواسطة  css  أو bootstrap أو html   ?

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

لا اعتقد انه هنالك طريقة مدمجة في bootstrab للقيام بذلك،

ولكن يمكنك فعل ذلك باستخدام js بسهولة :

<!-- Password field -->
Password: <input type="password" value="FakePSW" id="myInput" />

<!-- An element to toggle between password visibility -->
<input type="checkbox" onclick="myFunction()" />Show Password

<script>
  function myFunction() {
    var x = document.getElementById("myInput");
    if (x.type === "password") {
      x.type = "text";
    } else {
      x.type = "password";
    }
  }
</script>

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...