 HTML nin en önemli araçlarından biri de bilgi girişinde kullanılan form kontrolleridir.  Formlar, web sayfası tasarlayan kişi veya şirketlerle internet.

Slides:



Advertisements
Benzer bir sunumlar
HTML.
Advertisements

HTML e GİRİŞ Temel HTML etiketleri.
HTML’e Devam Uygulama.
Sık Kullanılan Kontroller
HTML’ ye Giriş Uzm. Murat YAZICI.
SGB NET Doküman Yönetim Sistemi
OPTİMİZASYON VE AKTARMA İŞLEMİ
1.Adım: Bölgede dağıtıcı yetkisi olan kişi Bilgi Edinme Başvuru Bilgileri sekmesini seçerek giriş yapabilir.
Tablolar Tablolar etiketi ile belirtilir. Bir tablo etiketi satırlara bölünür ve her satır da etiketi ile sütunlara bölünür. etiketinin anlamı "table.
İSİM UZAYLARI.
Frame (Çerçeve) Çerçeve tekniği, bir web sayfasını istenilen miktarda parçaya bölüp, bu sayfa üzerinde birkaç sayfa birden görüntülenmesine olanak verir.
Öğrt.Gör.Dr. Ahmet Cengizhan Dirican GYTE – Bilgisayar Mühendisliği
Kırklareli Üniversitesi Pınarhisar Meslek Yüksekokulu
2. VISUAL BASIC PROGRAM YAPISI
Halk Sağlığı Müdürlüğü
Excel’de VBA programlama (Visual Basic Application) Ders 7
Php Form İşlemleri.
Temel HTML Eğitimi Erman Yükseltürk.
IT 504 İnternet ve Web Programlama Tanıtım Yrd. Doç. Yuriy Mishchenko.
HTML (HYPER TEXT MARKUP LANGUAGE) TEMEL ETİKETLERİ
Form İşlemleri. Form İşlemleri Bütün programlama dillerinde kullanıcının girmiş olduğu bilgiler üzerinde.
Frame (Çerçeve) Kullanımı
İNTERNET PROGRAMCILIĞI I BTP 207 Ders 9. Tek değişkende birden fazla bilgi tutulmak istendiğinde kullanılır. Kullanım şekli: var dizi_adı= new Array(eleman1,
FRONTPAGE Sevinç KARAKAŞ.
BAĞLANTI (KÖPRÜ) OLUŞTURMA
PROGRAMLAMA DİLLERİNE GİRİŞ Ders 8: Windows Formları
İnternet Programcılığı I
HTML HYPER TEXT MARKUP LANGUAGE Burcu Yılmaz – İ brahim Mert Bilişim Teknolojileri Ö ğ retmeni.
WEB TASARIMININ TEMELLERİ HTML. HTML FORMLARI VE BİLGİ GİRİŞİ FORM, FORM ELEMANLARI BARINDIRAN BİR ALANDIR. FORM ELEMANLARI KULLANICILARDAN BİLGİ GİRİŞİNE.
İNTERNET PROGRAMCILIĞI I BTP 207 Ders 4. Etiketi Sayfaya resim eklemek için kullanılır. JPG, BMP, GIF, PCX, PNG, TIFF, WMF gibi resim formatlarını destekler.
1 İNTERNET PROGRAMLAMA - 1 Bağlantılar Öğr.Gör. Serkan KORKMAZ Harran Üniversitesi Birecik Meslek Yüksekokulu.
ADRES DEFTERİM.
Görsel Programlama II Ders 4 Öğr.Gör. Mustafa KARABULUT.
PHP İş Başında (Formlarla PHP)
Görsel Programlama II Ders 5 Öğr.Gör. Mustafa KARABULUT.
Microsoft Office Access
İLERİ HTML.
2.4. Dönüşümlü Resimler (Rollover) Oluşturma
Halk Sağlığı Müdürlüğü
Görsel Programlama III Ders 8 Öğr.Gör. Mustafa KARABULUT.
1 İNTERNET PROGRAMCILIĞI - 1 TABLOLAR Öğr.Gör. Serkan KORKMAZ Harran Üniversitesi Birecik Meslek Yüksekokulu.
TEMEL NESNE VE TABLO İŞLEMLERİ
Name formun adı Action formun gönderilecegi adres. Bu adres uzun URL yada lokaldeki CGI adresi Kullanılan method POST yada GET GET ile adres satırında.
BTP206 – Görsel Programlama II
HTML HYPER TEXT MARKUP LANGUAGE Ayşe AK İ DA Ğ I Bilişim Teknolojileri Ö ğ retmeni.
BİLGİSAYAR MUHASEBE YAZILIMLARI
Yrd. Doç. Dr. Doğan AYDOĞAN
Form İşlemleri. Bütün programlama dillerinde kullanıcının girmiş olduğu bilgiler üzerinde işlem yapılır. Php'de kullanıcı tarafından bilgileri alabilmek.
Dersi Özeti Kursun içeriğini özeti Alt başlıkları Proje Kurs esnasında kullanmayı planladığımı editörler HTMLe giriş Temel etiketler Notepad+’da.
HTML 5 NED İ R? Web sayfası geliştirmek için üretilen bir dildir. Html kendi web sayfamızı yazmamız için kullanmamız gereken bir kodlama dilidir. Html.
Modül 1: Giriş. Genel Bakış Temel.NET kavramları Geliştirme ortamında gezinti Bir C# projesi oluştur Use Visual Studio.NET Veriye eriş Hata ayıkla ve.
İnternet Programlama-I
HTML Dili ’ nin Genel Özellikleri. HTML Nedir? İşaretleme dili (HyperText Markup Language) Belirteçler (tags) W3 konsorsiyumu (Tim Berners-Lee) W3 konsorsiyumu.
PROGRAMLAMA DİLLERİNE GİRİŞ Ders 9: Genel Kontroller (1) Yrd. Doç. Dr. Altan MESUT Trakya Üniversitesi Bilgisayar Mühendisliği.
HTML. Tablo Etiketleri 5 Tablolar sayesinde sayfamızdaki nesnelerin yerleşimini, hizalamasını ve sayfa yapısını istediğimiz şekilde ayarlayabiliriz.
WEB’DEN KİŞİSELLEŞTİRİLMİŞ KART DOLUMU KILAVUZU. WEB’DEN DOLUM AŞAMALARI Webden dolum için öncelikle internet tarayıcımızın adres Kısmına
DOSYA MENÜSÜ.
İnternet Programlama-I
PROGRAMLAMA DİLLERİNE GİRİŞ Ders 9: Genel Kontroller (1)
DOĞRULAMA KONTROLLERİ
HTML 5 NEDİR? Web sayfası geliştirmek için üretilen bir dildir.
PHP İş Başında (Formlarla PHP)
LinkButton LinkButton kontrolü, kullanım özelliğinden dolayı Button kontrolü ile benzerlik göstermektedir. Ancak görünümü daha farklıdır. Bu kontrol normal.
İNTERNET PROGRAMCILIĞI 1
2. VISUAL BASIC PROGRAM YAPISI
Excel’de VBA Programlama (Visual Basic Application)
WEB TASARIMI-HTML FORMLAR SAVAŞ TUNÇER
İST1111 BİLGİSAYAR UYGULAMALARI HTML-3 Form Oluşturma
İNTERNET PROGRAMCILIĞI 2
Milli Eğitim Bakanlığı Eğitek Haydar TUNA Teknik Öğretmen ve Yazar
Sunum transkripti:

 HTML nin en önemli araçlarından biri de bilgi girişinde kullanılan form kontrolleridir.  Formlar, web sayfası tasarlayan kişi veya şirketlerle internet kullanıcıları arasındaki veri alışverişini sağlamak için ideal bir araçtır.  Formlar iki yönlü olarak çalışır; web tarayıcı tarafından ekranda oluşturulan görüntü, kullanıcı tarafından doldurulduktan sonra gönderilir ve web tarayıcı bu bilgileri alarak sunucuda çalıştırılan bir programa iletir. Program bilgileri değerlendirdikten sonra gerekli işlemleri yapar.  Formları bilgi girişinin haricinde bilgi gösterme maksadı ile de kullanabiliriz.

 Etiketi  Bir form oluşturmak için … etiketleri arasına istenilen kontroller input etiketi sayesinde belirtilir. Kontrollerden toplanan bilgilerin nasıl değerlendirileceği form etiketinin içinde gösterilir.  Genel kullanım;  …..  Özellikleri: ÖZELLİK AÇIKLAMA ACTION Formun onay buttonuna basıldığında form bilgilerinin gönderileceği URL yi belirtir. METHOD Formun bilgilerinin hangi metotla Server’a gönderileceğini tutar. Get ya da Post olabilir. Varsayılan Get tir. Çok fazla veri gönderileceği zaman çoğunlukla Post metodunu kullanırız. Get metodunda form ile gönderilen veriler URL nin sonuna eklenir. TARGET Form değerlendirici tarafından kullanıcıya geri gönderilen yanıtın hangi pencerede belireceğini gösterir.

 Kontrol Tipleri  HTML nin form kontrolleri, ve etiketleri ile oluşturulur.  KONTROL YAZIM ŞEKLİ  TextBox  Kullanıcının tek satırdan oluşan string değer girmesinde kullanılır.

 Password  Yukarıdaki gibi string ifade girişi yapılır. Bununla birlikte yazılan karakterler yerine “*” karakteri gösterilir.  Hidden  Formla birlikte taşınan bu alandaki bilgi kullanıcıdan gizlenir.  File  Forma eklenen kullanıcının bir dosyasının ismini girmesine izin verir.

 CheckBox  Kullanıcının doğru/yanlış (true/false) şeklinde mantıksal değer girmesinde kullanılır.

 RadioButton  Özel bir seçenek listesinden saçim yapma imkanı sağlar. Radibuttonların name özelliğine aynı değerler verilerek sınıflandırılabilir.

 Submit  etiketinin ACTION özelliğinde belirtilen URL ye form bilgilerini göndermede kullanılır.  Reset  Bütün form kontrollerini sıfırlamada kullanılır. Formun sayfa ilk yüklendiğindeki eski halini almasını sağlar.  Image  Tıklandığında Mouse imlecinin X ve Y koordinatlarını göndererek grafiksel onay buttonu yapmada kullanılır.

 Button  İstemc-tarafı (Client-Side) scriptlerinden JavaScript ya da VBScript i tetikleyebilecek komut düğmesi oluşturur.  TextArea  Çok satırlı metinlerin girilmesine imkan sağlayan bir kontroldür.  ComboBox  Kullanıcıya açılan bir listeden hazır seçenekler sunar.  ListBox  Kullanıcıya liste şeklinde hazır seçenekler sunar. Buradaki “n” ListBox ın kaç satırlı olacağını belirtir.

 Etiketi  Bu HTML etiketi ile birden fazla kontrol çeşidi oluşturuyoruz. Her bir çeşidin hangi özelliklere sahip olduğu be bu özelliklerinin anlamları: ÖZELLİK KULLANAN KONTROL AÇIKLAMA TYPEhepsi Kontrolün çeşidini belirtir. Varsayılan Text tir. NAMEHepsi Kontrolün adını belirtir. Kontrolün adı formun ACTION özelliğinde belirtilen URL ye kontrolde yazılı olan değeri taşır.. VALUE Text, password, hidden, radio, submit, reset, button Text, password ve hidden kontrolleri için birinci değeri, radio ve checkbox kontrolleri için seçildiğinde gidecek olan değeri, submit, reset ve button kontrollerinde ise kontrolün başlığını (caption) belirtir. SIZE Text, password, file Kontrolün gösterebileceği karakter uzunluğu MAXLENGTH Text, password, file Kullanıcının gireceği maksimum karakter sayısı CHECKED Checkbox, radio Eğer yazılırsa başlangıçta kontrolün seçili olmasını sağlar. SRCimage Resmin kaynağını gösterir. ALIGNimage Resmin hizalanmasını belirtir. (left, right, top, middle ya da bottom olabilir.)

 Etiketi  Çok satırlı metin kutusu oluşturmada kullanılır.  Kullanımı:  Sayfa yüklendiğinde kontrolde gözükecek olan metin   Özellikleri: ÖZELLİK AÇIKLAMA NAME Yukarıda yazmıştık ROWS Ekranda gösterilecek satır sayısı COLS Ekranda gösterilecek sütun sayısı (karakter sayısı olarak)

 ve Etiketleri  Kontrolü oluşturmak için ve etiketi kullanılır. Bu  kontrollerde gözükecek her bir seçenek etiketi ile oluşturulur.  Kullanımı:   Görünen Metin1  Görünen Metin2   Eğer size>1 ise kontrol ListBox stilinde gözükür. Size=1 ise (varsayılan  budur) ComboBox (Drop-Down Menu) stilinde gözükecektir.

 Özellikleri: ÖZELLİK AÇIKLAMA NAME Yukarıda yazmıştık SIZE Gösterilecek satır sayısını belirtir. MULTIPLE Eğer yazılırsa çoklu seçime izin verir. Sadece ListBox görünümünde etkilidir. ÖZELLİK AÇIKLAMA VALUE Seçimin yapılması durumunda formun göndereceği değer SELECTED Bunu yazdığımız etiketi değeri sayfa yüklendiğinde seçilmiş durumdadır.

 Örnek: form1.htm   Müşteri Kayıt Formu   Müşteri Kayıt Formu   Adı : 

 Soyadı :     Adres : 

 Şehir, Ülke, Posta Kodu :    Açıklama :  Buraya Herhangi Bir Açıklama Yazınız.   Yaş :

      40 +   Çalışmalarımızı Başarılı Buluyor Musunuz? : 

 Evet  Hayır 