.jpeg)
আজ আমরা একটা লগইন ফর্ম তৈরি করব এইসটিএমএল ও সিএসএস দিয়ে ।
আমি নিচের উদাহরণ কোডের ভিতরে কিছু কমেন্ট দিয়ে দিয়েছি । html কোডের মধ্যো কমেন্ট দেওয়ার নিয়ম <!--কমেন্ট-->
একটা বিষয় হলো কমেন্ট output display তে শো হয় না । আমার কমেন্ট গুলো এরকম ভাবে দেওয়া
Create A Registration form click hear
<!--form ar tag akhan a-->
এবার নিচের কোডটি কপি করে রান করান এটি একটি লগইন ফর্ম এর কোর্ড ।
<!DOCTYPE html>
<html lang="en">
<head>
<title>Log in</title>
<style>
form{
padding-top: 10px;
position:relative;
margin:0 auto;
padding-top: 50px;
padding-left:0px;
background-color:#3D12DF;
height:210px;
border-radius: 8px;
}
input{
margin-bottom: 10px;
border: solid 1px #999;
box-sizing: border-box;
padding:12px 8px;
width:240px;
border-radius: 8px;
}
input[type=submit]{
background-color: #D2C41C;
border:1px solid #365899;
color: white;
font-size: 14px;
height: 34px;
width:130px;
padding:5px 10px;
border-radius: 8px;
}
input[type=submit]:hover{
background-color: #378E19;
}
</style>
</head>
<body>
<!--form ar tag akhan a-->
<form action="login.php" method="POST">
<center>
<!--user name ar tag akhan a-->
<input type="text" required name="name" placeholder="User Name">
<br>
<!--password ar tag akhan a-->
<input type="password" required name="password" placeholder="Password">
<br>
<!--submit ar tag akhan a-->
<input type="submit" name="login" value="Log In">
</center>
<!--form ar code akhan a ses-->
</form>
</body>
</html>
কোর্ড বিশ্লেষণ :
১.<html>,<body>,<head> এই তিনটি ট্যাগ কমন এর কাজ সকলেই জানে ।
২.<style> এই ট্যাগের মার্ধ্যমে css ডিজাইন করা হয়, অর্থাৎ css এর কাজ html এর মর্ধ্যো করার জন্য এই ট্যাগ ব্যাবহার করা হয় ।
৩.<form> এর কাজ হয় ফর্ম তৈরি করা ।
<form action="login.php" method="POST">
form টি submit করার পর login.php ফাইলটি ওপেন হবে আর form টি post মেথউড এ কাজ করবে ।
৪.<input type="text" required name="name" placeholder="User name">
এখানে ইনপুট টাইপ হলো text, আর এই ইনপুট ফিল্ডের নাম হলো name ,ফর্মের ভিতরে যে নাম শো করবে তা হলো placeholder="user name"
৫.<input type="password" required name="password" placeholder="password"> আগেরটার মতো
৬.<input type="submit" name="login" value="Log In"> এর মার্ধ্যমে ফর্মটি submit করা হবে ।
.jpeg)
