PHP Ziyaretçi Defteri 1 – Formun Oluşturulması

Merhaba arkadaşlar,

Bu dersimde Sketch ile çizdiğim taslağı HTML’e aktardık ve ziyaretçilerimizin göreceği formu oluşturuk. Bunun için yazdığımız kodlar aynen aşağıdaki gibi. Bu kodları index.php dosyasına yazın.

<form class="ziyaretci_form" action="" method="post">
    <h4>Ziyaretçi Defteri</h4>
    <label>
        <span>Adınız</span>
        <input type="text" name="ad">
    <label>
    <label>
        <span>Adınız</span>
        <input type="text" name="ad">
    <label>
    <label>
        <span>Soyadınız</span>
        <input type="text" name="soyad">
    <label>
    <label>
        <span>Mesajınız</span>
        <textarea name="mesaj"></textarea>
    <label>
    <label>
        <button type="submit" class="submit_btn">Mesajı Gönder</button>
    <label>
</form>

Formumuzu bu şekilde oluşturduktan sonra biraz da CSS kodu yazdık. CSS kodlarımızı da buraya veriyorum, siz ilgili yere kodu yerleştirirsiniz.

html, body {
    padding:0px;
    margin:0px;
    font-size:16px;
    font-family:Arial;
}

form.ziyaretci_form {
    width:300px;
    margin:50px auto;
    border:1px solid #ededed;
    border-radius:5px;
    padding:15px;
}

form.ziyaretci_form * {
    display:block;
    color:#555;
}

form.ziyaretci_form *:focus {
    outline:none;
}

form.ziyaretci_form h4 {
    text-align:center;
    margin:7px 0px;
    font-size:20px;
}

form.ziyaretci_form input, form.ziyaretci_form textarea {
    width:100%;
    padding:5px;
    box-sizing:border-box;
    margin-bottom:10px;
    margin-top:5px;
    border:1px solid #ddd;
    border-radius:5px;
}

form.ziyaretci_form textarea {
    resize:vertical;
    max-height:150px;
}

form.ziyaretci_form button {
    margin:0px auto;
    width:115px;
    height:30px;
    background:#ececec;
    border:1px solid #ddd;
    padding:5px;
    font-size:12px;
}

Evet, bu ders tek yaptığımız şey formumuzu oluşturmaktı bu yüzden bu ders hakkında söyleyecek çok fazla bir şeyim yok. Daha sonraki derslerde yaptığımız bazı kafa karıştırıcı şeyler olursa bunları açıklamak gibi şeyler yapacağım yazılarda. İnşaAllah işinizi görür.

Bu derslik bu kadar, Youtube kanalıma abone olmayı ve içeriklerime bir şekilde reaksiyon göstermeyi unutmayın. Kısaca duvara konuşuyormuş gibi hissettirmemenizi rica ediyorum. Diğer derslerde görüşmek üzere…

Eğitim Setleri, PHP, PHP Ziyaretçi Defteri Uygulaması Mustafa Zahid Efe 1 Yorum