İçeriğe geç

Php Programlama Dili ile Html Kullanımına Örnek

Temmuz 3, 2013

Php programlama dilinde basit 4 işlemi yapan bir hesap makinesiyle giriş yapmıştık.Bugün kullanıcının adını,soyadını,yasını ve cinsiyetini alan ve bunları gösteren ufak bir uygulama yapacağız.Böylelikle html de dropdownlist kullanımı ve php de bu kullanımın nasıl çağrılması gerektiğini öğrenmiş olup aynı zamanda tablo kullanımıyla ilgili bir örnek de yapmış olacağız.İlk başta Adobe Dreamweaver CS3 programını açıp  burada Kisisel adında bir html sayfası açıyoruz.Burada aşağıdaki gibi kullanıcının bilgilerini almak için gerekli olan textleri,butonları tanımlıyoruz.Unutmayalım ki bu tanımlamaları body tagları arasına yapıyoruz.

Adiniz :  <input type=text name=adi >

Soyadiniz <input type=text name=soyadi>

Yasiniz :  <input type=text names=yas >

Cinsiyetiniz :

<select name=”Mydropdown”>

<option name=bayan>Bayan</option>

<option name=bay>Bay</option>

</select>

<input type=submit value=Tamam width=”40″ >   <td/> <tr/>

Yukarıdaki işlemleri tamamladıktan sonra gelelim tablo oluşturma işlemimize .İlk başta tablo işlemlerimiz <table> <table/> tagları arasında olduğunu bilmeliyiz.Daha sonrasında bu taglar arasında kullanılan <tr> ve <td> taglarının ne işe yaradıgını öğrenmeliyiz.

<tr> tagı : Satır oluşturmamızı sağlar.      <td> tagı :Sütun oluşturmamızı sağlar.

Bu bilgiler doğrultusunda işlemlerimiz aşağıdaki gibi olmalıdır.

<table    border=”0″ bordercolor=”red” height=”60″>

<tr> <td width=”100″> Adiniz :  <td/>  <td><input type=text name=adi > <td/>  <tr/>

<tr>  <td width=”100″>Soyadiniz :  <td/>  <td> <input type=text name=soyadi>  <td/>  <tr/>

<tr>  <td width=”100″> Yasiniz :  <td/>  <td> <input type=text names=yas >  <td/>  <tr/>

<tr>  <td width=”100″> Cinsiyetiniz :  <td/>

<td> <select name=”Mydropdown”>

<option name=bayan>Bayan</option>

<option name=bay>Bay</option>

</select>  <td/>  <tr/>

<tr>    <td colspan=”2″ width=”100″ align=”right”> <input type=submit value=Tamam width=”40″ >   <td/> <tr/>

<table/>

Bu işlemi de gerçekleştirdikten sonra Hesap makinesi örneğinde olduğu gibi diğer sayfaya yani Kisisel2.php sayfasına gitmek için işlemlerimize <form > tagını da eklemek zorundayız ve Kisisel.html sayfamızın son hali aşağıdaki gibidir.

<form action=kisisel2.php method=post>

<table    border=”0″ bordercolor=”red” height=”60″>

<tr> <td width=”100″> Adiniz :  <td/>  <td><input type=text name=adi > <td/>  <tr/>

<tr>  <td width=”100″>Soyadiniz :  <td/>  <td> <input type=text name=soyadi>  <td/>  <tr/>

<tr>  <td width=”100″> Yasiniz :  <td/>  <td> <input type=text names=yas >  <td/>  <tr/>

<tr>  <td width=”100″> Cinsiyetiniz :  <td/>

<td> <select name=”Mydropdown”>

<option name=bayan>Bayan</option>

<option name=bay>Bay</option>

</select>  <td/>  <tr/>

<tr>    <td colspan=”2″ width=”100″ align=”right”> <input type=submit value=Tamam width=”40″ >   <td/> <tr/>

<table/>

<form/>

DİPNOT : Yukarıda  <td> tagları içersinde kullandığım colspan ifadesi iki sütunu birleştirmek için kullanılmaktadır.

Sıra geldi Kisisel2.php adlı sayfamızda Kisisel.html sayfasından gelen değerleri almaya.Bu işlemleri de ilk örnek olan Hesap makinesi örneğinden hatırlayacaksınız.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;

<html xmlns=”http://www.w3.org/1999/xhtml”&gt;

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

<title>Untitled Document</title>

</head>

<body>

<?php

$adi;

$soyadi;

$yas;

$cinsiyet=Bayan;

$adi=$_POST[‘adi’];

$soyadi=$_POST[‘soyadi’];

$yas=$_POST[‘yas’];

$cinsiyet=$_POST[‘Mydropdown’];

echo $adi,” “,$soyadi,” “,$cinsiyet;

?>

</body>

</html>

İşlemimiz tamamlanmıştır.Sıra geldi programımızı çalıştırmaya  🙂

12

Reklamlar

From → Arşiv

Yorum Yapın

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Google fotoğrafı

Google hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Connecting to %s

%d blogcu bunu beğendi: