সার্চবার কিভাবে করবেন?
আমরা যারা ওয়েব ডিজাইনের কাজ করি বা যারা বিভিন্ন ওয়েবসাইট ভিজিট করি, সাবাই জানি যে ওয়েবসাইটের জন্য সার্চবার একটি অতি গুরুত্বপূর্ণ প্লাগিন। সার্চবারের মাধ্যমে ইউজার তার প্রয়োজনীয় আইটেমটি সার্চ করে সহজে খুঁজে পেতে পারেন। আমি এখানে আমি সিম্পল একটি সার্চবক্স করে দেখালাম। এটাকে শিখে নিলে যে কোন ডিজাইনের সার্চবার করা সম্ভব। আরো বিস্তারিত জানতে ভিডিও টিউটোরিয়াল'টি দেখুন।
বিস্তারিত ভিডিও সহ দেখুন
কোড উদাহরণ
<!DOCTYPE html>
<html lang="bn">
<head>
<title>how to create search bar</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
form{
height:30px;
width:500px;
margin:10px auto;
border:2px solid green;
border-radius:4px;
}
input[type=text]{
height:25px;
width:456px;
float:left;
padding-left:5px;
font-size:14px;
border:none;
color:green;
}
button{
padding:7px 12px;
font-size:16px;
border:none;
background-color:green;
color:#fff;
}
input[type=submit]:hover{
background-color:#ccc;
cursor:pointer;
}
</style>
</head>
<body>
<form action="my-search-bar.php">
<input type="text" placeholder="Search">
<button type="submit"><i class="fa fa-search"></i></button>
</form>
</body>
</html>
ভিডিও দেখুন নিজে করুন
ফলাফল
Keep Your Ads Here...
ঐতিহাসিক কালার থিওরি

এইচটিএমএল আইকন

ওয়েবের যত ফন্টস

সিএসএস এনিমেশন

হরেক রকম মেনু

রকমারি বাটন
