Sitede Form Nasıl Yapılır

İçindekiler:

Sitede Form Nasıl Yapılır
Sitede Form Nasıl Yapılır

Video: Sitede Form Nasıl Yapılır

Video: Sitede Form Nasıl Yapılır
Video: Google Forms ile Formlar, Anketler ve Testler Nasıl Hazırlanır? 2024, Mayıs
Anonim

Sitenin formu internette yaygınlaştı. Formlar, haberlere abone olmak, kitap sipariş etmek, video dersleri ve çeşitli materyaller için kullanılır. Formlar, site ziyaretçisinin herhangi bir bilgi girmeye veya önerilen bir dizi eylem arasından belirli eylemleri seçmeye davet edildiği site sayfasının özellikle sınırlı alanlarıdır. Formları oluştururken özel scriptler ile idare edebilirsiniz, ancak işin tüm teknolojisini ve formun yapısını anlamak için manuel olarak yazacağız.

Sitede form nasıl yapılır
Sitede form nasıl yapılır

Bu gerekli

  • 1) Html sitesi dosyası
  • 2) HTML'nin temelleri hakkında bilgi
  • 3) PHP temelleri bilgisi

Talimatlar

Aşama 1

Sitede bir form oluşturmaya başlayalım. Form aşağıdaki örnekten olacaktır: isim, şifre, e-posta adresi, veri taşıyıcısı, kurs türü. Şunlar. form, video kurslarına abonelik için olacaktır.

Html dosyasını açın ve kodu girmeye başlayın. Formu oluşturmaktan sorumlu etiket "form" dur. Etiketi "form action =" obrabotka.php”method =” post”name” forma1”" öznitelikleri ile birlikte yazıyoruz. Form öğeleri oluşturmaya başlayalım. Hemen hemen tüm öğeler bir etiket ve bunun veri türünden sorumlu olan "type" özelliği, örneğin metin, parola vb. kullanılarak yapılır. Niteliklerden herhangi birine her zaman “ad” adını veririz.

Yazıyoruz: "br" Adı girin: "br"

"giriş adı =" fio"

"br" Şifreyi girin: "br"

"giriş adı =" geçiş"

"br" E-posta girin: l "br"

"giriş adı =" e-posta ".

Adım 2

Ardından, bir radyo düğmesi seçim öğesi oluşturuyoruz. Radyo düğmesi, imleçle birlikte basıldığında açılan ve diğer radyo düğmelerinin kapatıldığı bir form öğesidir. Formumuzdan bir örnekle açıklayalım. Bir kurs sipariş ederken, seçim CD veya DVD disklerinden oluşacaktır, bu nedenle birini seçmeniz gerekir. “Tür” - “radyo” öznitelik öğesi, böyle bir düğmenin oluşturulmasından sorumludur. Ortam türü için aynı adı yazacağız, bu nedenle işleyicinin değişkenin değerini doğru bir şekilde belirleyebilmesi için “değer” özniteliğini belirteceğiz. Kodu kaydediyoruz: "br" Depolama ortamı seçeneğini seçin: "br"

"giriş adı =" disk "değer =" cd " CD "br"

"giriş adı =" disk "değer =" dvd " DVD "br"

Eğer "değer" niteliği metne ayarlanmışsa, form hemen bu özniteliğe atadığımız değeri gösterecektir. Örneğin, tam ad biçiminde zaten bir ad var (değer = "ad").

Aşama 3

Birden çok seçim yapabileceğiniz bir form öğesi oluşturmaya geçelim Bu tür elemanlar type =”checkbox” kullanılarak yapılır. Kodu kaydediyoruz:

"br" İlgilenilen dersleri belirtin "br"

"input name =" ch1 "value =” evet”" Web sitesi geliştirme kursu "br"

"input name =" ch2 “value =” evet”" Kitap yapım kursu "br"

Dilerseniz varsayılan bir onay kutusu koyabilirsiniz, bunun için "input" etiketine cheked kelimesini yazmamız yeterlidir. Bir php dosyası oluştururken kafanızın karışmaması için kodda belirtildiği gibi (değer = "evet") yazıyoruz.

"Seç" etiketini kullanarak teslimat türünü hemen kaydederiz:

Teslimat türünü belirtin "br"

"ad seçin =" teslimat"

"seçenek" Acil

"seçenek" Normal

"/ seç" "br"

Ardından, yorumlar veya kullanıcı adresi için bir alan oluşturuyoruz. "textarea" etiketi, bu etiketin nitelikleri, bu alanın boyutundan sorumlu olan "satırlar" ve "sütunlar" dır.

Adresinizi ve notunuzu girin

"textarea adı =" add_text "satırlar =" 5 "sütunlar =" 30"

"/ metin alanı"

Tanıdık etiketleri kullanarak bir gönder düğmesi oluşturun: "input value =" Submit " "form" etiketini kapatmayı unutmayın

bitmiş form
bitmiş form

4. Adım

obrabotka.php dosyasını oluşturmaya başlıyoruz, açıp kayıt oluyoruz

? If (! Isset ($ ch1)) {$ ch1 =” no”;}

If (! Isset ($ ch2)) {$ ch2 =”hayır”;}

mail ("alıcının postası", "konu (örneğin bir disk sipariş etmek)", "mektubun içeriği, ($ fio şifresini belirten $ fio adlı bir kişi, e-posta adresini belirtti - $ e-posta, medyayı seçti $ disk seçeneği, diskte aşağıdaki kursları görmek istediğini belirtti: / n web sitesi oluşturma kursu - $ ch1 / n kitap oluşturma kursu $ ch2, teslimat türünü belirtti - $ teslimat, $ add_text olarak belirtti ev adresi ve notlar.)”); ?"

Form hazır.

Önerilen: