জেকুয়েরি জাভাস্ক্রিপ্ট এঙ্গুলার এইচটিএমএল সিএসএস বুটস্ট্রাপ
ফোরাম
 

জেকুয়েরি :reset সিলেক্টর


« জেকুয়েরি সিলেক্টরসমূহ



সংজ্ঞা এবং ব্যবহার

:reset সিলেক্টরের মাধ্যমে type="reset" যুক্ত <input> এবং <button> এলিমেন্টকে সিলেক্ট করা হয়।



সিনট্যাক্

$(":reset")


:reset সিলেক্টর সংক্রান্ত উদাহরণ

type="reset" যুক্ত সকল ইনপুট এলিমেন্ট অথবা বাটন এলিমেন্ট সিলেক্ট

নিচের উদাহরণে :reset সিলেক্টরের ব্যবহার দেখানো হলোঃ

উদাহরণঃ

<!DOCTYPE html>
<html>
<head>
  <title>জেকুয়েরি :reset সিলেক্টর</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script>
  $(document).ready(function(){
    $(":reset").css({
        "background-color": "yellow",
        "border": "4px solid red",
    });
  });
  </script>
</head>
<body>

  <form>
    username/email: <input type="text"><br>
    name: <input type="text"><br>
    Gender:<br>
      Male <input type="radio" name="sex" value="male"><br>
      Female <input type="radio" name="sex" value="female"><br>
    password: <input type="password"><br>
    <input type="checkbox"> I agree with your terms!!<br>
    <input type="reset" value="Reset"><br>
    <button type="submit">Sign Up</button>
  </form>

</body>
</html> 

ফলাফল





« জেকুয়েরি সিলেক্টরসমূহ