জেকুয়েরি :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>
ফলাফল