Tamam.
Andre, sonunda bu formu gönderebilir miyiz?
Pekala, bu videoda nihayet bu formu gönderdiğimizde ne olacağını göreceğiz.
Ancak eklememiz gereken son bir şey daha var ve o da isim nitelikleri.
Ve bu videonun sonuna doğru bunlara neden ihtiyacımız olduğunu açıklayacağım.
Bu yüzden alanlarımızın her birine bir name özelliği eklemek istiyoruz.
Yani bu ilk isim olacak.
Biraz daha hızlı olması için buraya kopyalayıp yapıştıracağım.
Bizde var.
Soyadı e-posta.
Şifre.
Doğum günü.
Radyo düğmeleri için bunlara zaten sahibiz, ki bu iyi bir şey.
Ve buraya ihtiyacımız var.
Kedi.
Köpek.
Volvo.
Tamam.
Şimdi, düğmeler için buna ihtiyacımız yok çünkü orada kullanıcı bilgisi yok.
Bu yüzden bunu kaydedeceğim ve bunu tam ekran yapacağım, böylece sayfayı yenileyeceğimi
görebilirsiniz ve biraz sahte veri girip ne olacağını görelim.
Sahte e-posta adresi, sahte şifre bir, iki, üç diyeceğim.
Doğum günü bir kedisi olan ve Audi'si olan bir erkek olacak.
Şimdi kayıt ol butonuna tıklayacağım ama tıkladığımda ne olacağını görmek için gözünüz burada olsun.
Bunu anladın mı?
Bunu kopyalayalım.
Çünkü kayıt düğmesine tıkladığımda bu eklenmişti.
Bunu küçülteceğim ve kendimiz görebilmemiz için çıktısını alacağım.
İlk olarak bir soru işaretimiz var.
Sonra ilk isim, sahte.
Biz de aynen böyle girdik.
Soyadımız var, dostum.
E-posta sahte.
Bir şey, bir şey Gmail. com.
Şifre.
Bir, iki, üç.
Oh, şifremizi biliyorlar.
Doğum günü.
Cinsiyet.
Ve Cat on.
Volvo'yu seçmedik.
Nedenini bilmiyorum.
Buna daha sonra bakacağım.
Ancak burada, formumuza girdiğimiz değerlerin bu bağlantıya eklendiğini
görebilirsiniz.
Ve buna aslında sorgu dizeleri denir.
Ve bu, bilgilerimizi arka uca veya sunuculara göndermemizin bir yoludur çünkü bu form bilgilerini
bir yerde saklamamız gerekir, böylece bu sayfaya geri döndüğümüzde web sitesi UPS'i
hatırlar.
Bu, HTML beşte otomatik olarak bir form ama formuyla oluşturuldu.
get ve bu get adında bir özellik kullanıyordum.
Bu şekilde bırakırsam, form bilgilerini URL'ye ekleyeceği ve sunucuya göndereceği yerde
tam olarak aynı şeyi yapacağız.
Gönderi yapabileceğiniz başka bir seçenek daha var ve bunu burada kendi başınıza deneyebilirsiniz, ancak herhangi bir sorgu parametresi
görmezsiniz, bu nedenle bu, üstteki çubuğu bir değişiklik değiştirmez.
Bunun nedeni, isteğin gövdesine eklenecek olmasıdır; bu bölüme geldiğimizde bu konuya değineceğiz.
Kafanızı çok fazla karıştırmak istemiyorum, ancak burada neden get yerine post kullanmak isteyebileceğimizin
farkını görebilirsiniz, çünkü ya biri omzumun üzerinden geçerse ve şifremi tam orada barda görebilirse?
Sadece bu bilgileri arka tarafa gönderdiğimiz konusunda rahat olmanızı istedim.
Bu konuyu nasıl ele alacağımıza kursun ilerleyen bölümlerinde değineceğiz.
Şu anda sadece ön tarafa odaklanıyoruz.
Size göstermek istediğim son şey, formun aynı zamanda çok kullanılan bir action özelliğine sahip olduğuydu.
Eski PHP tabanlı web sitelerini gördüyseniz, bu formu gönderin diyen bir tür eylem noktası PHP'ye sahip olacaklardır.
Ve bu formu sunucunun arka ucuna gönderdiğinizde, sunucuda bulunan bu betiği, bu dosyayı çalıştırın, ancak şimdi bunu yapmanın
daha iyi yolları var, bu yüzden bunu kursun ilerleyen bölümlerinde göstereceğim.
Şuna bir göz atalım.
Yani elimizde bir soru işareti var.
Ve bu, bir sorgu dizesi olduğunda standarttır.
Yani URL'mize bir veri parçası ekliyoruz.
Bir soru işaretiyle başlıyor.
Hangi eyaletler?
Hey, birazdan sizin için bir dizi verimiz olacak.
Bunlardan ilki, yine formumuzda yer alan ve sahteye eşit olan isme karşılık gelen
ilk isimdir.
Yani mülk ve değer.
Yani ismi mülk, değeri ise insan olarak düşünebilirsiniz.
Yani soyadı, adı burada bir karınca işareti olduğunu görebilirsiniz.
Yani yine ad eşittir sahte ve soyad eşittir erkek ve e-posta eşittir sahte bazı anlamsız
gmail. com.
Bunun nedeni URL kodlaması denilen bir şeydir ve URL'nin bu ve soru işareti gibi
bazı karakterler için özel anlamı olduğundan, reklam işaretini anladığı bir şeyle kodlar, ancak kodlamasını
etkilemez.
1'den 3'e kadar şifremiz var.
Doğum günü cinsiyeti ve kedi.
Ve aslında Volvo ve Audi bilgilerinin neden kaydedilmediğini anladım.
Bunun nedeni, sorgu dizesinin çalışabilmesi için, gördüğünüz gibi, değerle ilişkili bir ada sahip olması gerektiğidir.
Yani adımız ve sahte adımız var.
Radyo düğmelerine bakarsak, cinsiyet olan bir adımız var.
Bizde de var.
Burada nasıl herhangi bir değer göndermediğimizi görüyorsunuz.
Cinsiyetin, cinsiyette bazı düğmelere tıklandığını biliyoruz.
Yani açık ama hangi değer olduğunu bilmiyoruz.
Bunun nedeni de dahil etmemiz gerektiğidir.
Posta için bir değer, böylece seçilen buysa, bir değer gönderilecektir.
Ve son olarak değer.
Ve şimdi aynı şey seçme için de geçerli.
Seçim alanımızın adı B Cars olmalıydı.
Böylece artık isim değerle ilişkilendirilebilir.
O zaman bir kez daha deneyelim.
Bunu sileceğim.
Az önce yaptığımız değişiklikleri kaydedeceğim.
Bunu tam ekran yapacağım.
Yenileyelim ve bazı yeni bilgiler girelim.
Yeni sahte e-posta adresi gmail nokta com'da yeni sahte.
Şifre bir, iki, üç, dört.
Bu sefer.
Dişi köpek ve Audie için doğum günü kaybı Kaydol'a tıklayacağım.
Bakalım burada ne varmış.
Adımız var, sahte soyadımız yeni e-posta, yeni sahte kimlik gmail. com.
Şifre.
Bir, iki, üç, dört.
Doğum günü cinsiyeti kadın.
İyi köpek başladı.
Biz de köpeği seçtik.
Bu harika.
Ve sonra arabalar Audie.
Al bakalım.
Formlar ancak bu kadar karmaşık hale gelebilir.
Bununla çok sık karşılaşacaksınız ve ister açılış sayfası olsun, ister kayıt gerektiren bir
web sitesi olsun, oluşturduğunuz çoğu web sitesinde kesinlikle var.
Bu çok sık göreceğiniz bir şey.
Bunu bir kez anladığınızda, bir kez mantıklı geldiğinde, kendinize bir HTML geliştiricisi diyebilirsiniz.
Bir sonrakinde görüşürüz.
Güle güle.