.jpeg)
আজকে দেখব এইসটিএমএল এর সকল ইনপুট টাইপ ,আমরা input tag সাধারণত form tag এর মর্ধ্য ব্যাবহার করি ।
input type list:
checkbox--টিকমার্ক যুক্ত বক্স নির্দেশ করে
button--বাটন নির্দেশ করে
color-- কালার বক্স নির্দেশ করে
date,datetime,datetine-local-- সময় নির্দেশ করে
email-- ইমেইল নির্দেশ করে
file-- ডকুমেন্ট ফাইল নির্দেশ করে
hidden-- লেখাকে লুকানো নির্দেশ করে
image-- ইমেজ নির্দেশ করে
month--মাস গণনা করা হয়
number--নাম্বার নির্দেশ করে
password--পার্সওয়ার্ড নির্দেশ করে
radio--এটি অনেকটা checkbox এর মতো কাজ কে radio বৃত্তাকার
range--রেন্জ নির্দেশ করে
reset--পুনরায় লেখা নির্দেশ করে
submit--জমাদিন নির্দেশ করে
tex,text--লিখতে ব্যাবহার হয় তবে দুটি সম্পুর্ণ ভিন্ন
time-- সময় সেট নির্দেশ করে
url--লিংক লিখতে ব্যাবহার হয়
week--সপ্তাহ সেট নির্দেশ করে
তো একে একে সবগুলা দেখি ।
input type="checkbox"
উদাহরণ :
<!DOCTYPE html>
<html lang="en">
<head> <title>bong71.blogspot.com</title>
</head>
<body>
<form>
<br><br>
<form>
button
<input type="checkbox"><br><br>
</form>
</body>
</html>
input type="button"
উদাহরণ :
<!DOCTYPE html>
<html lang="en">
<head> <title>bong71.blogspot.com</title>
</head>
<body>
<form>
<br><br>
<form>
button
<input type="button"><br><br>
</form>
</body>
</html>
input type="color"
উদাহরণ :
<!DOCTYPE html>
<html lang="en">
<head> <title>bong71.blogspot.com</title>
</head>
<body>
<form>
<br><br>
<form>
button
<input type="color"><br><br>
</form>
</body>
</html>
input type="date"
উদাহরণ :
<!DOCTYPE html>
<html lang="en">
<head> <title>bong71.blogspot.com</title>
</head>
<body>
<form>
<br><br>
<form>
button
<input type="date"><br><br>
</form>
</body>
</html>
input type="datetime"
উদাহরণ :
<!DOCTYPE html>
<html lang="en">
<head> <title>bong71.blogspot.com</title>
</head>
<body>
<form>
<br><br>
<form>
button
<input type="datetime"><br><br>
</form>
</body>
</html>
input type="datetime-local"
উদাহরণ :
<!DOCTYPE html>
<html lang="en">
<head> <title>bong71.blogspot.com</title>
</head>
<body>
<form>
<br><br>
<form>
button
<input type="datetime-local"><br><br>
</form>
</body>
</html>
input type="email"
উদাহরণ :
<!DOCTYPE html>
<html lang="en">
<head> <title>bong71.blogspot.com</title>
</head>
<body>
<form>
<br><br>
<form>
button
<input type="email"><br><br>
</form>
</body>
</html>
input type="file"
উদাহরণ :
<!DOCTYPE html>
<html lang="en">
<head> <title>bong71.blogspot.com</title>
</head>
<body>
<form>
<br><br>
<form>
button
<input type="file"><br><br>
</form>
</body>
</html>
input type="hidden"
উদাহরণ :
<!DOCTYPE html>
<html lang="en">
<head> <title>bong71.blogspot.com</title>
</head>
<body>
<form>
<br><br>
<form>
button
<input type="hidden"><br><br>
</form>
</body>
</html>
input type="month"
উদাহরণ :
<!DOCTYPE html>
<html lang="en">
<head> <title>bong71.blogspot.com</title>
</head>
<body>
<form>
<br><br>
<form>
button
<input type="month"><br><br>
</form>
</body>
</html>
input type="number"
উদাহরণ :
<!DOCTYPE html>
<html lang="en">
<head> <title>bong71.blogspot.com</title>
</head>
<body>
<form>
<br><br>
<form>
button
<input type="number"><br><br>
</form>
</body>
</html>
input type="password"
উদাহরণ :
<!DOCTYPE html>
<html lang="en">
<head> <title>bong71.blogspot.com</title>
</head>
<body>
<form>
<br><br>
<form>
button
<input type="password"><br><br>
</form>
</body>
</html>
input type="radio"
উদাহরণ :
<!DOCTYPE html>
<html lang="en">
<head> <title>bong71.blogspot.com</title>
</head>
<body>
<form>
<br><br>
<form>
button
<input type="radio"><br><br>
</form>
</body>
</html>
input type="range"
উদাহরণ :
<!DOCTYPE html>
<html lang="en">
<head> <title>bong71.blogspot.com</title>
</head>
<body>
<form>
<br><br>
<form>
button
<input type="range"><br><br>
</form>
</body>
</html>
input type="reset"
উদাহরণ :
<!DOCTYPE html>
<html lang="en">
<head> <title>bong71.blogspot.com</title>
</head>
<body>
<form>
<br><br>
<form>
button
<input type="reset"><br><br>
</form>
</body>
</html>
input type="search"
উদাহরণ :
<!DOCTYPE html>
<html lang="en">
<head> <title>bong71.blogspot.com</title>
</head>
<body>
<form>
<br><br>
<form>
button
<input type="search"><br><br>
</form>
</body>
</html>
input type="submit"
উদাহরণ :
<!DOCTYPE html>
<html lang="en">
<head> <title>bong71.blogspot.com</title>
</head>
<body>
<form>
<br><br>
<form>
button
<input type="submit"><br><br>
</form>
</body>
</html>
input type="tel"
উদাহরণ :
<!DOCTYPE html>
<html lang="en">
<head> <title>bong71.blogspot.com</title>
</head>
<body>
<form>
<br><br>
<form>
button
<input type="tel"><br><br>
</form>
</body>
</html>
input type="text"
উদাহরণ :
<!DOCTYPE html>
<html lang="en">
<head> <title>bong71.blogspot.com</title>
</head>
<body>
<form>
<br><br>
<form>
button
<input type="text"><br><br>
</form>
</body>
</html>
input type="time"
উদাহরণ :
<!DOCTYPE html>
<html lang="en">
<head> <title>bong71.blogspot.com</title>
</head>
<body>
<form>
<br><br>
<form>
button
<input type="time"><br><br>
</form>
</body>
</html>
input type="url"
উদাহরণ :
<!DOCTYPE html>
<html lang="en">
<head> <title>bong71.blogspot.com</title>
</head>
<body>
<form>
<br><br>
<form>
button
<input type="url"><br><br>
</form>
</body>
</html>
input type="week"
উদাহরণ :
<!DOCTYPE html>
<html lang="en">
<head> <title>bong71.blogspot.com</title>
</head>
<body>
<form>
<br><br>
<form>
button
<input type="week"><br><br>
</form>
</body>
</html>
আমি এখানে কেবল input tag এর উদাহরণ গুলো দিয়েছি width,height,name এগুলা দেয়নি তায় প্রাকটিসের সময় width,height,name দিয়ে নিবে ।
আজকের প্রশ্ন :
Reme Khatun, 01.45pm
আমরা যে টাইটেল দিই এটা কি গুরুত্ব পূর্ণ?
উওর:
টাইটেল না দিলে সমস্য নেয়, তবে যখন ওয়েবে এটা হোস্ট করবে তখন এটা দেওয়া লাগবে ,কেননা এটা ওয়েব পেজের নাম নির্দেশ করে ।
