xampp/wramp server থাকতে হবে যদি এইটি browser এ test করতে চান ।যেহেতু এটি পিএচপি ফাইল এর কাজ তাই এইটি আপনার কম্পিউটার এ থাকতে হবে। first create a file called Assignment. and inside create css file.
bootstrap এর css file না থাকলে এই bootstrap এ গিএ করে নিয়েন download bootstrap.
download হলে css এর ফাইল গুল সেইখানে রাখুন।
Using twitter bootstrap framework and css দিয়ে একটা form বানানি হলো।
include_once() file তার কাজ এক বার এ use করা যেন পরে বার বার use না করতে হই।
file name:header.php
<html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css"> </head> <body>
seperate file এ যে নামে দেওয়া আসে সেই নামে save করতে হবে।
file name: add.php
<div id="page_container">
<div class="main_content">
<div class="header">
Personal information of an Student
</div>
</div>
<form action="reg.php" enctype="" method="post" class="form-horizontal" id="signup_form" style="padding-top: 20px">
<div class="control-group">
<label class="control-label" for="idnum">
ID number :
</label>
<div class="controls">
<input id="idnum" class="input-big" type="text" value="" name="idnum"/>
</div>
</div>
<div class="control-group">
<label class="control-label" for="name">
First Name :
</label>
<div class="controls">
<input id="fname" class="input-big" type="text" placeholder="Your name" value="" name="fname"/>
</div>
</div>
<div class="control-group">
<label class="control-label" for="mname">
Middle name:
</label>
<div class="controls">
<input id="mname" class="input-big" type="text" placeholder="Your first name" value="" name="mname"/>
</div>
</div>
<div class="control-group">
<label class="control-label" for="lname">
Last name:
</label>
<div class="controls">
<input id="lname" class="input-big" type="text" placeholder="Your last name" value="" name="lname"/>
</div>
</div>
<div class="control-group">
<label class="control-label" for="country">
Country:
</label>
<div class="controls">
<input id="country" class="input-big" type="text" placeholder=" contry" value="" name="country"/>
</div>
</div>
<div class="control-group">
<label class="control-label" for="address">
Parmanent Address:
</label>
<div class="controls">
<input id="address" class="input-big" type="text" placeholder="address" value="" name="address"/>
</div>
</div>
<div class="control-group">
<label class="control-label" for="city">City: </label>
<div class="controls">
<input id="city" class="input-big" type="text" placeholder="your city" value="" name="city">
</div>
</div>
<div class="control-group">
<label class="control-label" for="mobile-phone">Mobile Phone(Optional): </label>
<div class="controls">
<input id="mobile-phone" class="input-big" type="text" placeholder="Your mobile number" value="" name="mobilephone">
</div>
</div>
<div class="control-group">
<label class="control-label" for="gender">Gender: </label>
<div class="controls">
<label class="radio inline">
<input type="radio" name="gender" id="gender-M" value="male" >
Male
</label>
<label class="radio inline">
<input type="radio" name="gender" id="gender-F" value="female">
FeMale
</label>
</div>
</div>
<div class="control-group">
<label class="control-label" for="language">Language: </label>
<div class="controls">
<select id="language" class="input-small valid" name="language">
<option value="Bangla" >Bangla</option>
<option value="English">English</option>
<option value="spanish">Spanish</option>
</select>
</div>
</div>
<div class="control-group" style="padding-top: 10px">
<label class="control-label" for="date">Date Of Birth:</label>
<div class="controls date">
<select id="date" class="input-small" style="margin-top: -5px;" name="day">
<option>Date</option>
<?php
for($i=1;$i<=31;$i++){
?>
<option value="<?php echo $i; ?>">
<?php
if($i<10)
echo "0".$i;
else
echo "$i";
?>
</option>
<?php } ?>
</select>
<select id="date" class="input-small" style="margin-top: -5px;" name="month">
<option>Month</option>
<?php
$month=array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
$i=0;
foreach($month as $mon){
$i++;
echo"<option value='$i'> $mon</option>";
}
?>
</select>
<select id="date" class="input-small" style="margin-top: -5px;" name="year">
<option>Year</option>
<?php
for($i=1985;$i<=2015;$i++){
echo"<option value='$i'>$i</option>";
}
?>
</select>
</div>
</div>
<div class="control-group">
<label class="control-label">About Yourself: </label>
<div class="controls">
<textarea rows="6" style="width:260px" name="about"></textarea>
</div>
</div>
<div class="form-actions">
<a href="personal.php" class="btn btn-large">Back</a>
<input name="addinfo" type="submit" value="Save" class="btn btn-large">
</div>
</form>
</div>
<?php
include_once("footer.php");
?>
last code footer.php
</body> </html>
সব গুল ফরম এ name এর বেপারে careful হতে হবে কারন পরে mysql এর ফাইল নিএ কাজ করতে problem হতে পারে। এর পরের tutorial এ css file,reg.php,personal.php নিএ কথা হবে। আপাতত এই খানেই আমার tune শেয করলাম।
কেমন হলো জানাবেন আপনারা। 🙂
আমি Sraban Boss। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 13 বছর 4 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 7 টি টিউন ও 20 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
I am a student in Uttara University.Currently studying in CSE.
@Sraban Boss: @পথ হারা পথিক: pics এ দেওয়া অংশে সাধারনত আমরা যেভাবে কপি করি,সেভাবেই করতে পারেন।ট্রাই করে দেখেন।
pics e deowa ongshe normally amra jevabe cpy kori seivabei kora jabe. just try… #poth_hara_pothik
ভাই আপনার টিউনটি পড়ে খুব ভালো লাগলো।আপনি যে টিউনগুলো করছেন এর কি কোনো পিডিএফ বা ই-বুক আছে যদি থাকে তাহলে প্লিজ ডাউনলোড লিংক টা শেয়ার করেন ।
শেয়ার করার জন্য শুভেচ্ছা !