Bu videoda kullanıcı girdisini almanın üç ek yolu hakkında konuşacağız.
İlk radyo düğmesi, gördüğümüz başka bir giriş etiketi türüdür.
Bir onay kutusuna benzer.
Sıradaki etiket, açılır menüler elde etme biçimimizdir.
Ve son olarak, çok satırlı metin girdileri oluşturmanın metin
alanı hakkında konuşacağız.
Bu yüzden tabii ki şu standart HMO özet belgesiyle başlayacağım.
Devam edin ve başlığa ekleyin, kaydedin ve devam edin ve bir radyo düğmesi ekleyin.
Dolayısıyla radyo, sadece girdi türüdür.
Ve çoğaltacağım ve diğer türe bir vereceğim çünkü onay
kutusu onları yan yana görebiliyorsun.
Yani burada bir radyo düğmesi var.
Seçtikten sonra kapatamam.
Bu, açıp kapatabileceğim bir onay kutusu.
Yani farklılık gerçekten bir onay kutusunun seçilmesine izin veriyor veya bir kullanıcının kontrol edebileceği
beş farklı seçenek olduğunu söylemesine izin verilmiyor.
Diyelim ki, kullanıcılardan onların seçimini yapmalarını rica ediyoruz.
Bu bir işyeri sitesi ve becerilerini seçmelerini istiyoruz.
Onların javascript söyleyebilmelerini ve bir HMO veya belki yalnızca javascript olarak görmelerini ve radyo düğmemizi
kontrol ettiklerini ve kontrol ettiklerini onaylamalarını istiyoruz.
Ancak genellikle bir kullanıcının bir tercihi olduğunda kullanılır.
Dolayısıyla, genelde Web sitelerindeki bir örnek, cinsiyet gibi bir şey olmalıdır; erkek veya kadın
veya diğerlerini kontrol etmenizi ister.
Ve sadece bir seçeneğin var.
Seçilemediğini bilemez misin?
Örneğin, kullanıcıların kedileri veya köpekleri tercih ettikleri durumlarda seçeceği bir forma sahip olacağımızı ve her ikisini
de seçme seçeneğinin bulunmadığını söyleyelim
diye elementlerden birini seçmek zorundasınız.
Ne yazık ki bu dünyada siyah veya beyaz ya kedileri tercih eden köpekleri tercih ediyoruz.
Bunu yapmak için iki radyo düğmesi olacak.
Başlamak için elimizdeki tek şey buysa, bir tane seçebilir ve diğerini de seçebilirim.
Tam olarak ne istersek.
Sadece bir tane seçmek istiyorum.
Bu yüzden yapmak istediğim ilk şey bir form alabilmektir ve girdilerimi bu forma taşıyacağım.
Şimdilik bunu yalnızca bir istek ve yalnızca sayfayı yenilemek için varsayılan
eylem olan şekilde bırakacağız.
Yapacağımız sonraki şey birkaç etiket eklemek. Böylece ilerlemeye devam edeceğim ve
bu dört sözdizimini kullanarak köpekler için olacak.
Ve sonra girişimizi ve ben de vermek zorundayız. D. köpekler.
Ancak o zamanların eşleşmesi gerekiyor.
Aynı şey burada.
Kediler ve daha sonra Id kedileri için bir başka etiket etiketi.
Şimdi tazesanız, şimdi iki seçeneğimiz var.
Ama yine de her ikisini de seçebilirim.
Bu durumda yapmamız gereken, ona bu iki radyo düğmesinin nasıl aynı seçim için olduğunu anlatmak, böylece bir
ya da diğerini seçebilirsin, ama bir karar.
adın bireysel bir girdi ismi verdiğini hatırlayacak bir name özniteliği kullanmamız gerekiyor, ancak bu
adresten başvurabilir ve ayrıca adların önemli olduğu HGP isteğinde saklandığı veya gönderdiği şekilde olduğu anlamına gelir.
Bunu yapmak için,
Bu yüzden ona bir isim verelim.
Birincisi, evcil hayvan seçimi diyelim.
Ve sonra burada girdiğimizde aynısını yapacağız.
Ve bir saniyede göreceğiniz şeyi yapmamızın nedeni, onlara aynı adı vererek onları birbirine bağlayarak
artık yalnızca birini seçebilmemizdir.
Yani yenilersek.
Köpekleri veya kedileri tıkayabilirim, ancak ikisini birden tıkayamıyorum.
Ve göstereceğim bir şey daha.
Formun sonuna bir düğme ekleyelim.
Şimdiye kadar gördüğüm şey, aslında bir formun alt kısmında gönderilen girdi türü eşittir; ancak
size düğmeyi bir formdaki son şeyse aslında formunu göndereceğini göstermek için bir düğme
gösteriyorum. .
Dolayısıyla, gönderilecek son veya girdi türünün son düğmesinde formun gönderilmesi için birkaç
seçenek girişi bulunmaktadır.
Şimdi de elbette köpekler seçelim.
Oradaki tek doğal tercih.
Adın evde beslenen hayvan seçimi olduğunu unutmayın, böylece burada başka herhangi bir girdi gibi sorgu dizesindeki
bir şeyi görmeliyiz.
Git'i tıkladığımızda evcil hayvan seçeneklerini eşit gösteriyor ve sonra O N veya üzerinde beklediğimiz gibi değil.
Bu yüzden, bu kararın değerinin ne olduğunu söylememiz gereken bir şey eksik.
Öyleyse devam edin ve değer etiketi değer özniteliğine ekleyin.
Ve sadece bu değerin sadece köpek olacağını ve bu kedinin kedisi olacağını ve nereden geldiğini görebilmeniz
için tüm kapaklarda iyi olalım diyelim.
TAMAM.
Yani kullanıcı pop petek seçimi adı altında köpekleri tıklarsa, kullanıcı kütüğü gönderir veya tıklarsa
değer köpeklerini tüm büyük harflerle depolar veya hayvan seçiminde değer kedilerini büyük
harflerle depolar.
Bu yüzden size bunu göstermek için köpekleri tıklamamıza izin verin ve hayvan tercihi köpeklerle eşit olsun.
Kediler yaparsak, kedilerden dolayı evcil hayvan tercihi yaparız.
Dolayısıyla, konuşacağımız bir sonraki unsur seçili etiket ve seçilecek bir etiketle
yapılması gereken güzel açılır menüler oluşturmak.
Böylece etiket adı çağrılır.
Sadece seçin.
Bu bir açılış ve kapanış etiketi.
Ve bunu yaparsam ve sonra slaytım ve sayfamı yeniliyorum.
Zaten bir açılır menü alıyorum.
Sadece tamamen boş.
Böylece, select etiketi ile birlikte, seçenek etiketi kullanılır.
Yani içinde kullanmak veya seçmek istediğiniz her olası seçenek için orada bir seçenek etiketi ekleyin.
Bu durumda, kullanıcının favori rengini seçmesini sağlayan bir açılır menü yapalım
ve birkaç seçenek burada yapalım.
Kırmızı turuncu ve sarı.
Görebildiğiniz gibi, seçimlerimizle birlikte burada güzel bir damla buluyoruz zaten.
Ve eğer vurursam turuncu seçip gidelim.
Aslında burada hiçbir şey elde edemediğimizi göreceksin ve oradaki köpeklerin bu sefer sarı renklerini seçtikleri
ve gittiklerini istersek yapmamızı isterim.
Hâlâ evcil hayvan seçimi yapıyorum ve bunun nedeni, sağladığımız bir adımızın bulunmaması.
Seçimimiz üzerinde ona bir isim vermeliyiz ve ona sadece fav diyeyim ve sadece renkle gidelim
ve bundan ayrılalım.
Ve sayfamı yenileyelim kedileri tıklatalım gidelim sarı renkte tıklayın ve buraya gelene kadar izle.
Şimdi evcil hayvan tercihleri ​​kedisi alıyorum ve renk sarı.
Gördüğünüz şey, sarı eşlemelerde seçtiğim seçeneğe bağlı olarak tarayıcı metnin ne olursa
olsun bu seçeneğin içindeki metni alıyor ve sadece adı renk altında
bir değer olarak gönderiyor.
gönderilen değerin, açılır menüde kullanıcıya gösterilen değerle aynı olmasını istemeyiz.
Dolayısıyla, istekte birlikte
Bunun bir örneği, kullanıcının bir ruh hali seçmesini istediysek, yani şu anki
ruh halinin ne olduğunu ve burada mutlu bir yüzün olmasını istediğimizi düşünelim.
Sanırım en duygusuz yüz ve üzücü bir yüz.
Ve burada, ifadelerimizle birlikte bu hoş bir açıyla karşılaşıyoruz ancak bir
kullanıcı mutlu seçtiğinde bunların hepsinin gönderilmesini istemiyoruz diyelim.
Bunun yerine, kelimenin mutlu olmasını ya da kelimenin yapılmasını istediğini söylüyoruz.
Üzgünüm, değer özniteliği değer etiketini kullanıyoruz.
Bu durumda değer eşittir diyoruz.
Ve sadece Mutlu, tarafsız ve değer eşittir ayarına eşit diyelim.
Şimdi doğru köpekleri yenileyeyim, dışarı çıkalım ve tıklıyorum.
Ben hayvan seçimi alıyorum görebilirsiniz köpekler ve renk eşittir dedi.
Ve tabii ki adını renk olarak değiştirmek için sakladığımız, çünkü biçimlendirmemizin
anlamlı olduğunu ve aslında mantıklı olmasını sağladık.
Bu yüzden kediler mutlu soooo ve yine de ruh hali eşittir.
TAMAM.
Böylece seçimlerle birlikte ele almamız gereken tek şey bu.
Bir diğer şey ise textarea etiketi ve textarea.
Onu koyacağım, Hint birden fazla satır girdi oluşturmanın güzel bir yoludur.
Dolayısıyla, bu girdi türü gibi metin girdileri metin eşittir
ve tek satırlardır.
Ama bir kullanıcıdan bir biyo istemek ya da bir özgeçmiş ya da çok iyi çalışmayacak
bir şeyin kopyasını yapıştırmak ve bu gerçekten çok kısa girdiyi istiyorsak.
Yani textarea Aslında select gibi başka bir etiket var.
Yani bir türe sahip bir girdi değil.
Aslında ayrı bir form denetimi türüdür.
Ve orada çalışmanın yolu iki önemli parçadır.
Birincisi, bir metin alanı etiketi oluşturuyoruz ve kendi başına bu metin alanını bize verecek.
Ancak yapabileceğimiz, bu metin alanının bu iki öznitelikteki satır ve sütunları ne kadar büyük kullandığını
tam olarak belirtmektir.
O halde sana burada göstereceğim.
10 sıra ve 50 sütundan başlayalım ve textarea'nın her iki yönde genişlediğini görebilirsiniz.
Ama kesinlikle daha geniş oldu.
Diyelim ki şimdi 100 satır istiyor ve çok daha uzun sürebilir görebilirsiniz.
Temel olarak, kaç satır ve kaç sütun metin alanım boyutlarını
değiştirmek için belirtebilirsiniz.
Bununla ilgili başka bir şey, diğer elementlerle olduğu gibi 10'dan 10'a küçük olana
dönelim.
Tıpkı bu diğer öğeler gibi, bu verileri istekte göndermek isteseydim bu
girdiden kurtulalım.
Ona bir isim vermeliyim, isim eşittir ve sadece paragrafın bu paragrafı bazı
metinlerle doldurduğunu söyleyelim.
Git'i tıkladım ve bunu görebilir veya genişletebilirsiniz.
Paragrafım her metinde her metne denk
getiriyordum