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

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


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



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

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



সিনট্যাক্স

$(":image")


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

type="image" যুক্ত সকল ইনপুট এলিমেন্ট সিলেক্ট

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

উদাহরণঃ

<!DOCTYPE html>
<html>
<head>
  <title>জেকুয়েরি :image সিলেক্টর</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script>
  $(document).ready(function(){
    $(":image").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>
    Picture: <input type="image" src="images/satt.png" width="40" height="40"><br>
    <input type="checkbox"> I agree with your terms!!<br>
    <button type="submit">Sign Up</button> <input type="button" value="Log In">
  </form>

</body>
</html> 

ফলাফল





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