HTML formlarının oluşturulması. CSS formu Html kayıt formu nasıl oluşturulur

Formlar, cilt sitesinde İnternet mayzhe'de traplyayutsya'dır. Örneğin, siteye giriş ve şifrenizi girerseniz, veriler formlar aracılığıyla kaydedilecek ve sunucuya gönderilecektir. Ayrıca, popo pituvannya є raznі pituvannya oluşturur.

Etiket sözdizimi

Etiket

Adımda yana kaydırın:

Açıklama, örneğin

• action="" - bu tarafta veri işlemenin mevcut olduğu hakkında konuşun.
• - type="radio" özniteliği, aşağıdaki kodun metnini bir seçim düğmesi olarak görüntülemesi gerekenler hakkında konuşmak için. Bu özetin isim ve değer niteliği bizim için büyük bir rol oynamaz, çünkü aynı anda php oynamıyoruz (div. php dersleri).
• - bu metin alanları hakkında konuşmak için type="text" niteliği. Burada ayrıca iki önemli nitelik vardır: isim (php için) ve değer (varsayılan değer).
• - metin alanı olacak olanlar hakkında konuşmak için type="textarea" niteliği. Önünde dinlenmek, metne büyük bir yükümlülük yazmanıza izin veren kişi için daha azdır.
• - düğmenin ne olduğunu belirtmek için type="submit" niteliği. Value özelliğinde buton üzerine yazılacak olanlar yazılır.

Tüm bu unsurlarla ilgili bir raporu 15. derste okuyabilirsiniz: öğeleri etiketleyin

En basit formun yapısı:

form öğeleri...

Dış görünüm formu, formu doldurduktan sonra verileri düzenlemek için tanınan gönder düğmesinin bulunmasını gerektirir.

Düğme yapısı:

Ayrıca, formların hemen hemen tüm öğelerinin kaydı için, etiket type özelliği ile. Formlardan tüm verileri kaldırmanın bir yolu olarak bir düğme oluşturmak için saldırgan bir yapı vardır:

Bir metin alanı oluşturmak için metin parametresini kullanın. Bunun parametreleri var: isim – alan adı; boyut - sembollerdeki alan için; maksimum uzunluk - alan için izin verilen maksimum karakter sayısı; değer - varsayılan olarak formda görüntülenen bilgiler

İki metin alanı içeren bir form girişi örneği:

Robotik temsil biçiminin sonucu küçüktür.

Aynı zamanda, metin alanına büyük miktarda bilgi girilmesi gerekir, örneğin bir yorum, etiketin yardımı için oluşturulduğu için metin alanının formu (textarea) seçilir. rahatsız edici nitelikler: isim - ім'я alanı; cols - bölgedeki işçi sayısı; satırlar - satır sayısı; sarma - stok aktarma yöntemi (açık - satırları aktar, kapalı - satırları aktarma).</p><p>Daha yüksek belirlenmiş koddan önce, metin alanının alanını ekleyin:</p><p>Yorum: <br><textarea name="area" cols=”25” rows=”5” wrap=”on”>

Metin alanındaki robot kodunun sonucu küçük bir kodla gösterilir.

Formların bir sonraki öğesi, sunulan kişisel olmayan değerler arasından seçim yapmanızı sağlayan listelerdir. Etiketlere izin vermek için bir liste formu oluşturun öğenin değeriyle eşleşen değer parametresiyle parametre adı, hangi listede belirtildiği, boyut, görünür eleman sayısı için verilen ile.

Liste girişinin yapısı:

<
Metin
Metin

Elemanın ilginç bir yanının varlığında görülebilmesi için soyutta olması gerekir. seçilen özelliği ekleyin. Listedeki elementin farklı olasılıkları ve yogo kodu küçüğüne sunulur.

Benzer şekilde, öğeleri seçin ve bir onay kutusu ve bir radyo düğmesi (radyo düğmesi) oluşturun. scho scho ensign ile tsikh elementi arasında zrobiti mіzhinny vibіr sağlar ve radyo düğmesi yalnızca tektir.

Kayıt ve radyo düğmelerinin yapısı:

Metin

Radyo düğmesi:

Metin

İşaretli öznitelik, yapı öğelerine ve promosyon öğelerinin arkasındaki radyo düğmelerine eklenir. Ensign'ın poposu, radyo düğmeleri ve HTML kodu küçük olanda sunulur.

Başka bir form öğesi, type etiketinin ek özelliği için ayarlanan düğmedir. 3 düğme değeri:

Düğmeyi açmak için belirtilen kod, tsyu düğmesine basıldığında programlamamın kodunun vykonanny chi için ayarlandığı onclick parametresine sahiptir:

Özel etkinliği görmek amacıyla, javascript - aler ekibim. Robotik poponun sonucu küçük bir tane ile temsil edilir.

Düğmeye bir resim eklemek için, kodu adım adım kıçına vererek girmeniz gerekir:

Kayıt olurken ve siteye girerken, görünen yıldızda görünen ekli testten bir alan çizilir. Öğe formu şifresi:

Çoğu zaman, sitedeki kayıt birkaç sayfaya bölünür ve cilt, önden gelen intikam bilgilerinden suçludur. İletilen bilgiyi yakalamak için gizli form öğesi seçilir:

Gizli form öğesi tarayıcı penceresinde görünmez olacaktır.

Dosyaları sunucuya yüklemek için, formların dosyaya bir öğesi vardır. Dosyaları sunucuya yüklemek için örnek bir kod aşağıda gösterilmiştir:

Ayrıca bu konuda, bilgisayardaki veya sunucudaki komut dosyaları ile birlikte tam web eklentilerinin geliştirilmesine izin veren farklı HTML sayfaları oluşturmak için formların öğeleri incelenmiştir.

HTML formları, arayüzün daraltılabilir öğeleridir. Çeşitli işlevsel öğeler içerirler: giriş alanları і , listeler <select>, ipuçları vb. Tüm form kodu bir öğeye yerleştirilir <form> .</p> <p>Web formu bilgilerinin çoğu ek bir öğe için iletilir <input>. Bir satırın tanıtılması için metin öğesi engellenir <input type="text">dekіlkoh ryadkіv için - eleman <textarea>. eleman <select>Gördüklerinin bir listesini yapıyorum.</p> <p>eleman <label>Formun alanlarına yazılar oluşturuyorum. Yazma alanlarını gruplandırmanın iki yolu vardır. Bir öğenin ortasına bir alan nasıl yerleştirilir <label>, for niteliği gerekli değildir.</p><p> <label for="lastname">Soyadı</label><input type="text" id="lastname"> <input type="text" id="lastname"><label for="lastname">Soyadı</label> <label>Soyadı <input type="text" name="lastname"></label> </p><p>Form alanları, ek bir öğe için mantıksal bloklara bölünebilir <fieldset>. Deri bölümü, elementin yardımı için adlandırılabilir. <legend> .</p><p> <fieldset> <legend>İletişim bilgileri</legend> <label>ben <input type="text" required></label> <label>E-posta <input type="email" required></label> </fieldset> <br><img src='https://i1.wp.com/html5book.ru/wp-content/uploads/2015/05/fieldset.png' width="100%" loading=lazy loading=lazy loading=lazy>Pirinç. 1. Form alanlarının gruplandırılması</p><p>Koristuvachiv'ler için daha mantıklı bir form oluşturmak için, veri girişinin intikamını almak için formun alanları metinle birlikte eklenmelidir. Böyle bir metne yer tutucu denir ve yer tutucu özniteliğinin yardımıyla oluşturulur.</p> <p>Obov'yazkovі zapovnennya alanlarının da görülmesi gerekiyor. HTML5'in ortaya çıkmasından önce, alanın adını eklemek için eğik çizgi sembolü * kullanıldı. Yeni spesifikasyonun, obov'yazkove alanını eşit olarak işaretlemenizi sağlayan özel bir özelliği vardır. Bu özellik, tarayıcıya bir istem verir (HTML5'i desteklediğini unutmayın), istem, düzeltmek için bir düğmeyle düğmeye bastıktan sonra verileri aşmaz, alan yuvaları doldurulmaz.</p><p> <input type="text" required placeholder="senin im'я"> </p><p>Odağı kaldırırken metin alanının görünümünü değiştirmek için odak sözde sınıfı bozulur. Örneğin, akış alanının arka planını koyu yapabilir veya ortada görünmesi için bir renk çerçevesi ekleyebilirsiniz:</p><p>Girdi:odak (arka plan: #eaeaea; )</p><p>Bir başka harika html5 özelliği de otomatik odaklama özelliğidir. Win, öğeler için istenen alana odağı otomatik olarak ayarlamanıza olanak tanır <input>і <textarea>(cilt formunun sadece bir elemanı).</p> <h2>Katlanır bir kayıt formunun poposu</h2> <div class="form-wrap"> <div class="profile"><img src='https://i1.wp.com/сайт/wp-content/uploads/2016/10/profile-image.png' loading=lazy loading=lazy loading=lazy> <h1>Kayıt</h1> </div> <form method="post" action="form.php"> <div> <label for="name">ben</label> <input type="text" name="name" required> </div> <div class="radio">Olmak <label> <input type="radio" name="sex" value="insan">insan <div class="radio-control male"></div> </label> <label> <input type="radio" name="sex" value="zhіnochiy">zhіnochiy <div class="radio-control female"></div> </label> </div> <div> <label for="email">E-posta</label> <input type="email" name="email" required> </div> <div> <label for="country">Krajina</label> <select name="country"> <option>İkamet ettiğiniz ülkeyi seçin</option> <option value="Rusya">Rusya</option> <option value="Ukrayna">Ukrayna</option> <option value="Belarus">Belarus</option> </select> <div class="select-arrow"></div> </div> <button type="submit">Nadislati</button> </form> </div> <p><b>Not</b><br>action="form.php" - form düzenleyici dosyasına gönderilir. UTF-8 kodlamalı bir dosya oluşturun, onu sunucuya yükleyin ve sunucunuzdaki dosya yollarında action="form.php" ile değiştirin.</p> <br><img src='https://i1.wp.com/html5book.ru/wp-content/uploads/2016/10/form-default.png' width="100%" loading=lazy loading=lazy loading=lazy>Pirinç. 2. Zihin için eterik bir görünüm oluşur <p>Küçük olandan da görebileceğiniz gibi, dış görünüm öğesi tipik bir tarayıcı stili oluşturabilir. Stilleri temizleyelim ve form öğelerini yapalım.</p><p> Form sarma ( genişlik: 550 piksel; arka plan: #ffd500; sınır yarıçapı: 20 piksel; ) .form sarma *(geçiş: .1s doğrusal) .profile ( genişlik: 240 piksel; kayan nokta: sol; : 30 piksel; ) form ( arka plan : beyaz; kayan nokta: sol; genişlik: calc(100% - 240 piksel); dolgu: 30 piksel; kenarlık yarıçapı: 0 20 piksel 20 piksel 0; renk: #7b7b7b; ) form div: after (içerik: ""; görüntü: tablo; clear: her ikisi; ) form div ( margin-alt: 15px; konum: göreli; ) h1 ( yazı tipi boyutu: 24 piksel; yazı tipi ağırlığı: 400; konum: bağıl ; kenar boşluğu: 50 piksel; ) h1:after ( içerik: "\f138"; yazı tipi boyutu: 40 piksel; yazı tipi ailesi: FontAwesome; konum: mutlak; üst: 50 piksel; sol: %50; dönüştürme: translateX(-50 %);) /********* ** *************** Şekillendirme Form Öğeleri ******************** **/ etiket, aralık ( ekran: blok ; yazı tipi boyutu: 14 piksel; kenar boşluğu: 8 piksel; ) girdi, girdi ( kenarlık genişliği: 0; anahat: yok; kenar boşluğu: 0; genişlik: %100; dolgu: 10 piksel 15 piksel; arka plan: #e6e6e6; ) girdi: odak, giriş: odak ( kutu-gölge: iç metin 0 0 0 2px rgba(0,0,0,.2); ) .radio etiketi ( konum: göreli; sol dolgu: 50px imleç: işaretçi; genişlik: %50 yüzer: sol; satır yüksekliği: 40 piksel ) .radio girişi ( konum: mutlak; opaklık: 0; ) .radio -kontrol ( konum: mutlak; üst: 0; sol: 0; yükseklik: 40 piksel; genişlik: 40 piksel; arka plan: #e6e6e6; sınır yarıçapı: %50 ; text-align: center; ) .male:before ( içerik: "\f222"; font ailesi: FontAwesome; font ağırlığı: kalın; ) .female:before ( içerik: "\f221"; font ailesi: FontAwesome ; yazı tipi ağırlığı: kalın; ) .radio etiketi: fareyle üzerine gelme girişi ~ . radyo-kontrol, .radiol girişi:odak ~ .radyo-kontrol ( kutu-gölge: iç metin 0 0 0 2px rgba(0,0,0,.2); ) .radio girişi:kontrol edildi ~ .radio-kontrol ( renk: kırmızı; ) seçin ( genişlik: %100; imleç: işaretçi; dolgu: 10 piksel 15 piksel; anahat: 0; kenarlık: 0; arka plan: #e6e6e6; renk: #7b7b7b; -webkit-görünümü: yok; /* webkit -tarayıcılarının işaretini kaldırın */ -moz-appearance: none; /*Mozilla Firefox'ta işareti kaldırın*/ ) select::-ms-expand ( display: none; .select-arrow (konum: mutlak; üst: 38 piksel; sağ: 15 piksel; genişlik: 0) ; height: 0; pointer-events: none; /*bir oka tıklandığında liste görünümünü etkinleştir*/ border-style: solid; border-width: 8px 5px 0 5px; border-color: #7b7b7b şeffaf şeffaf şeffaf şeffaf ; ) düğme ( dolgu: 10 piksel 0; kenarlık genişliği: 0; ekran: blok; genişlik: 120 piksel; kenar boşluğu: 25 piksel otomatik 0; arka plan: #60e6c5; renk: beyaz; yazı tipi boyutu: 14 piksel; anahat: yok; metin dönüştürme: büyük harf; ) /****************************** * **/ @media (maksimum genişlik: 600 piksel) ( .form-wrap (kenar boşluğu: 20 piksel otomatik; maksimum genişlik: 550 piksel genişlik:100%;) .profile, form (kayan nokta: yok; genişlik: %100;) h1 (üst kenar boşluğu: otomatik; dolgu-alt: 50px;) form (sınır yarıçapı: 0 0 20px 20px;) )</p><p><b>form.php dosyası</b></p><p> <?php $name = trim(strip_tags($_POST["name"])); $sex = trim(strip_tags($_POST["sex"])); $email = trim(strip_tags($_POST["email"])); $country = trim(strip_tags($_POST["country"])); $subject = "Регистрация на сайте url_вашего_сайта"; $msg = "Ваши данные формы регистрации:\n" ."Имя: $name\n" ."Пол: $sex\n" ."Ваш email: $email\n" ."Страна: $country"; $headers = "Content-type: text/plain; charset=UTF-8" . "\r\n"; $headers .= "From: Ваше_имя <ваш_email>" . "\r\n"; $başlıklar .= "Gizli: e-posta adresiniz". "\r\n"; if(!empty($isim) && !empty($seks) && !empty($email) && ! boş($ülke) && filter_var($email, FILTER_VALIDATE_EMAIL))( mail($email, $subject, $msg, $headers); echo "Vay! Başarılı bir şekilde kaydoldunuz."; ) ?></p><p><b>Not</b><br>$konuyu değiştirmek için, sayfanın başlığı olarak görüntülenecek metni girin; <br>Your_im'ya - buraya, "sayfayı görme" alanında görüntülenecekmiş gibi adınızı girebilirsiniz; <br>sitenizin_url adresini kayıt formunun bulunduğu site adresiyle değiştirin; <br>e-posta adresinizi adresinizle değiştirin <a href="https://androidas.ru/tr/email-google-registration-in-russian-registration-and-creation-of-email-in-gmail/">e-posta</a>;<br>$headers .= "Bcc: e-posta adresiniz". "\r\n"; E-posta adresinize bir kopyasını ekledim.</p> <p>İnternette gezinirken, örneğin kayıt formu, oturum açma formu, iade bağlantı formu ve diğerleri gibi çeşitli formları defalarca yayınladığınızdan kesinlikle eminim. <b>HTML formu</b>.</p><p>Formun kendisi çeşitli giriş öğelerinden oluşur: metin alanları, metin alanları, radyo düğmeleri, atlama telleri, düğmeler vb.</p><p>Ben tsіy statti'de Kesinlikle be-yakі yaratmayı öğreniyorsun.</p><p>En Basit Şekilde Bir Uzlaşma Oluşturun <b>HTML tarafı</b>, bir kapsayıcı ekle (etiket <b><div> </b>), hangi merkezde virіvnyuє sviy vmіst. Wi z tsim'in kolayca uyduğundan eminim.</p><p>Şimdi forma girelim. Form etiketten başlar <b><form> </b> belli ki kıvırcık bir etiketle bitiyor <b></form> </b>. Bu etiket, bir nitelik fışkırması olabilir, yakі duzhe bazhano zapovnyuvati. Cob için Ale, etiket öznitelikleriyle en basit formu oluşturalım <b><form> </b> cilt hastalıklarının tanınmasını onlardan anlayabilmeniz için:</p><p> <form name = "form1" action = "script/request.php" method = "post"><br></form> </p><p>Aynı niteliklere sahip olabilmemiz için burada formun bir açıklamasıyla başlıyoruz:</p><p>1) Özellik " <b>isim</b> Hangi özelliğin değeri isim anlamına gelir <b>HTML formu</b>. Yemek için bekle, neye ihtiyacın var? Akıl yürütme daha da basittir: bir form değil, bir çaça seçerseniz, o zaman bir formu diğerine eklemek için farklı isimler koymak gerekir. Ve formlara ulaşmak için isimlerin kendilerine ihtiyaç vardır, örneğin <b>JavaScript</b>. Sana küçük bir sır vereceğim, ki bunu sana söylemeyeceğim ama dürüstlük adına, sana anlatacağım. Aslında, formlar kolayca ayırt edilebilir ve isimsiz olabilir, bunun için vzagali kazhuchi, im'ya neobov'yazkovo'dan zovsіm oluşturur. ale ben <b>KESİNLİKLE</b> Hangi cilt formlarının tanındığını anlamanız daha kolay olsa bile formlara isim vermenizi tavsiye ederim.</p><p>2) Nitelik " <b>eylem</b> Bu özniteliğin değeri, formu işleyecek olan komut dosyasına giden yol için gönderilmelidir. Forma veri girmek yeterli değil, yine de farklı bir sırayla doldurmanız gerekli olsa bile ve eksen tam da bunun yolu. <i>dosya-obluvachu</i> bu, özniteliğin değerindedir " <b>eylem</b>".</p><p>3) Nitelik " <b>yöntem</b>". Yenisi, en popüler anlamlardan bir veya ikisine sahip olabilir:" <b>İleti</b>"і" <b>almak</b> Bu nitelik, düzenleme yöntemini tanımlar. Ayrıntılara girmeyeceğim, sadece ilk yolun verilerin düzeltilmesi, diğerinin ise hesap yapmak olduğunu söyleyeceğim. Daha açık hale getirmek için geçişin iki adresine bir göz atalım:</p><p>a) <b>http://mysite.ru/scipt/request.php</b></p><p>b) <b>http://mysite.ru/script/request.php?a=7&b=Michael</b></p><p>İlk anda, coristuvach, neyin düzeltildiğini çalkalamamalı (yöntem " <b>İleti</b>") ve başka bir şarapta, bu değerlerin değiştirilen değerlerinin adlarını almak gerçekten mümkündür (yöntem " <b>almak</b>". Siz, örneğin istatistik, iki yardım için bir form göndermeyi deneyebilirsiniz. <a href="https://androidas.ru/tr/terminologiya-rezervnogo-kopirovaniya-rezervnoe-kopirovanie/">farklı yöntemler</a> ve fikirlerini değiştir. Ale şimdilik ne diyeceğim <b>MİSTO</b> genellikle vikoristovuyut yöntemi " <b>İleti</b>"tobto prihovane vіdpravlennya.</p><p>Amaç, formun kendisini tanımlamaktır ve artık forma öğeler eklemeye başlayabilirsiniz.</p><p>İlk olarak, sho mi dodamo - tse metin alanı. Ek bir etiketin arkasına bir metin alanı ekleyin <b><input> </b>, daha doğrusu, etiketin özniteliğinin yardımı için <b>tip</b>"değerlere" <b>Metin</b> Ayrıca bir metin alanı açmadan önce alanın ne olduğunu yazmanız önerilir, örneğin " <i>Adınız</i>". Orta etiketi kullanın <b><form> </b>şöyle bir satır yazın:</p><p>Adınız: <input type = "text" name = "firstname" value = "işte senin im'я"> </p><p>Biliyorum, hadi özelliklere bir göz atalım:</p><p>1) Özellik " <b>tip</b> giriş öğesinin türüyle eşleşir. <a href="https://androidas.ru/tr/cel-sbora-i-obrabotki-personalnyh-dannyh-poruchenie-na-obrabotku/">bu özel tipe</a> Metin alanının özel bir alan olduğunu belirtmiştik. Sonraki öğelerde, bu özelliğin değerini değiştiriyoruz.</p><p>2) Nitelik " <b>isim</b>"Vіdpovіdaє іm'ya öğesi için. Burada bize söylendi <a href="https://androidas.ru/tr/vstavka-obektov-v-pole-s-tipom-dannyh-ole-kak-vstavit-kartinku-v-bazu-dannyh/">verilen alan</a> <b>ilk adı</b>.</p><p>3) Nitelik " <b>değer</b> kilit alanının değeri için vіdpovіdaє.</p><p>Görünüşe göre, bir kez şarkı söylemek daha iyi, yüzlerce kez hissetmek, daha iyi olacak ( <b>neden kendiniz yazın ve kopyalamayın!</b>) bu metni düzenleyicide ve ardından tarayıcıda sonucu görün.</p><p>Şimdi benzer bir alan daha oluşturuyoruz, ancak büyük karakterleri girmek için değil, şifreyi girmek için. Tobto hepsi aynı olabilir, ancak yalnızca metin için buti hobilerinden suçlu <i>zirochki</i>. Tom, bir sonraki satıra geçti (etiket <b><br> </b>), aşağıdaki kodu yazın:</p><p>Şifreniz: <input type = "password" name = "pass" value = "İşte şifreniz"> </p><p>Yak bachite, şimdi özniteliğin değeri " <b>tip"</b>є " <b>şifre</b> Diğer nitelikler, büyük bir metin alanıyla aynıdır.</p><p>Bir sonraki öğe, gördüğünüz listedir. Biraz daha karmaşıktır, bu nedenle sadece listenin oluşturulmasını, gördüğünüzü seslendirmek değil, aynı zamanda tüm listeye öğeler eklemek de gereklidir. Yazalım, bir sonraki satıra geçelim (hadi gidelim, tahmin etmeyeceğim) <b>HTML Kodu</b>.</p><p>Seçeneği seçin: <br><select name = "choice"><br> <option value = "1">seçenek 1 <br> <option value = "2">seçenek 2 <br> <option value = "3">Seçenek 3 <br></select> </p><p>Etiket <b><select> </b> gördüğünüz listenin koçanı anlamına gelir. Liste bir etiketle biter <b></select> </b>. Bağlanmak <b>isim</b> Açık, daha şimdiden bir kez yoga çaçasını açıklayan. Listenin öğeleri, etiketin yardımıyla oluşturulur. <b><option> </b>. Özelliğin değeri " <b>değer</b> anlamı yılanla olacak demektir <b>seçim</b>(örneğin, içinde <b>JavaScript</b>), O zaman ya <b>seçim = 1</b>, veya <b>seçim = 2</b>, veya <b>seçim = 3</b>. Etiketin açıklaması tamamlandıktan hemen sonra <b><option> </b> koristuvach'ı çekenleri listeye koyun, scho vipadaє. Biliyorum, tarayıcıda daha çok şaşıracağım ve her şey senin için netleşecek.</p><p>Şimdi dodamo metin alanı, vicorist etiketi <b><textarea> </b>:</p><p>Bir şey yaz: <br><br><br><textarea name = "message" rows = "10" cols = "15">Tavsiye

Burada sizin için kırışıklığın metin alanını oluşturuyoruz 10 satır(değer özelliği " satırlar") ve genişlik 15 karakterler (özelliğin değeri " cols").

Eşleştirilmiş etiketin ortasında, promosyonun arkasındaki metin alanında metin görüntülenir. Pekala, burada söylenecek fazla bir şey yok. Acele et.

Bir sonraki öğe radyo düğmesidir. Radyo düğmesi - böyle bir arama yapın " kupalar", arasından yalnızca birini seçebileceğiniz. Radyo düğmeleri yardım için oluşturulur HTML etiketi veya daha doğrusu, ek anlam için " radyo"bağlanmak" tip". Bunu yazalım HTML Kodu:

Yalnızca birini seçin:
seçenek 1
seçenek 2
Seçenek 3

Burada nitelikler üzerinde tökezliyorum isim"Yenisinin adının Kırım liderinin bir önemli özelliği daha olduğu gerçeğine. Yakshcho Vi OLUMSUZLUK Bu üç radyo düğmesi için aynı adları eklerseniz, bunlar bağımsız hale gelir ve ayrıca bir dizi seçenek seçebilirsiniz. Başka birine dönüşmek için isimleri hatırlayın ve ardından arka arkaya seçeneklerin sayısını seçmeye çalışın ve sözlerimde hemen değişeceksiniz. Bu nedenle, bir grup radyo düğmesi, aynı öznitelik değerine sahip anneyi suçlamaktır " isim".bağlanmak" değer"değişimin anlamı anlamına gelir" seçim radyo(Biliyorum, örneğin JavaScript). Etiketin açıklamasından hemen sonra radyo düğmesinin yardımıyla sırayla çalacak olan metne gidin.

Formun bir diğer öğesi de zıplıyor ( onay kutusu). Stvoryuyuyutsya yine kokuyor Yardım etiketi için iyi . Aşağıdaki satırları yazalım:

Lütfen kurallarımıza uyun:

Burada her şeyin şeffaf olduğunu düşünüyorum, bu yüzden açıklamayacağım. Raju'nun, tarayıcıya bakıyormuş gibi hayret etmesi daha az olasıdır. Bir sancak olarak durduğumuzu söyleyeceğim, o zaman yılanın anlamı " şartlar"olmak" evet"Durmazsanız, o zaman değişikliğin anlamı" ", sonra boş bir satır olacaktır.

Diğer bir unsur ise dosya seçim alanıdır. Sunucuya daha önce dosya yüklediyseniz, genellikle hangi alana dosya adı eklemek için hacklemeniz gerektiğini söylemeye gerek yok. Böyle bir alanın ekseni yardım için yaratılıyor, zaten akıllı bir etiket . Şöyle yazalım:

Yüklemek için bir dosya seçin:

Sitedeki HTML formlarını tanımlayan HTML etiketleri

İnternette web siteleri ve diğer taraflar oluşturuyoruz splkuvannya için vіdvіduvachami'dir.

HTML formu sitede kayıt için oy, etkileşimli oylama ve oylama için, bildirimleri güçlendirmenize, sadece satın alma yapmanıza izin verin. HTML Form aynı yöntemle oluşturulur: bir program komut dosyası veya elektronik posta yoluyla işlenmek üzere bilgilerin seçimi ve daha fazla iletilmesi.

Örnek HTML formu Siteye giriş yapın

Etiketler, nitelikler ve değerler

• - Bir form belirleyin.
• name="" - formun adını tanımlar.
• method="" - verilerin formdan gönderilme şeklini tanımlar. Anlamı: "get" (anahtar için) ve "post" . Kadehler "post" yöntemini kazanır, parçalar büyük veri vaatlerini aktarmanıza izin verir.
• action="" - işlemeye gönderilecek url'yi ayarlar. Vipadimizde enter_data.php var..
• - Veri girmek için düğmeler, atlama telleri, metin alanları gibi öğeleri belirleyin.
• type="text" - veri girmek için bir metin alanı seçer.
• type="password" - metin bir yıldız veya daire şeklinde görüntülendiğinde şifre girme alanını ayarlar.
• type="checkbox" - jumper'ı ayarlar.
• type="hidden" - formun ek öğesini tanımlar - sunucuya ek bilgi aktarmak gerekir.
• size="25" - karakter metin alanı uzunluğu.
• maxlength="30" - girilmesine izin verilen maksimum karakter sayısı.
• value="" - radyo düğmelerine veya jumper'lara gönderileceği için işleme gönderileceği için değeri tanımlar. Metin alanının veya düğmenin deposundaki özniteliğin değeri, örneğin örnekte Vasya veya Enter olarak gösterilecektir.

Örnek HTML formu Sitedeki yorumlar

Etiketler, nitelikler ve değerler

• action="http://website/comments.php" - hangi form verilerinin gönderileceğine göre url'yi ayarlar.
• id="" – form öğesinin adını, tanımlayıcısını tanımlar.
• name="" – form öğesinin adını atar.
• - Depo formunda bir metin alanı atayın.
• cols="" – formun metin alanındaki sütun sayısını ayarlar.
• rows="" - formun metin alanındaki satır sayısını ayarlar.

Yakshcho mizh metni yayın, tanıklığı alanın ortasında bir popo gibi göreceksiniz, bu da görülmesi kolay.

HTML formu popo açılır listesi

Etiketler, nitelikler ve değerler

• - Seçim için pozisyonları olan bir liste belirleyin.
• size="" - listedeki görünür konumların sayısını ayarlar. Değer 1'den fazla olduğu için, gördüğünüz gibi listenin sağ tarafında olabiliriz.
• - Listeye pozisyonlar (puanlar) atayın.
• value="" - çıktının URL'sinden sonra form tarafından gönderileceği için değeri ayarlayın.
• selected="selected" - örnek olarak liste konumuna bakın.

Popo HTML formu

size="" özniteliğinin değerini artırarak, listeyi çok fazla kaydırma ile alacağız:

Bu seçenek için, bir dizi pozisyon seçmenize izin veren ensign multiple="multiple" kullanmak gereklidir. Gündüz sadece bir nokta seçebilirsiniz.

Dodatkovo'yu merak etmek için: