Aynı zamanda, bir sitenin, metin girişinin komut alanı, düğmeler, anahtarlar ve paraportlar için arayüz öğeleri olmadan yapmaması pratik olarak mümkündür. Koku, koristuvach ile arayüz oluşturmak, sitede anahtar kelimeler aramak, yorum yazmak, tanıklık etmek, fotoğraf eklemek ve daha birçok benzer konuşma yapmak için gereklidir. Verilerin işlenmesini ve sunucuya veri iletimini sağlamak için kendiniz oluşturun, kokular zaten analiz edilmekte ve işlenmektedir. Ayrıca sitede benzer şekilde çalışmayı planlıyorsanız, formlar olmadan uygulayamazsınız.

Formun kendisi, etiketin yardımıyla oluşturulur.

Verileri düzenlemeden önce tarayıcı, etiketin name özelliği ile gösterilen "im'ya=value" bahsi için bilgi hazırlar. veya formdaki diğer geçerli etiket ve değer kutuya girilir veya anahtardan sonra form alanına eklenir. Gönder düğmesine bastıktan sonra, form toplayıcıya bir tıklama görünecek, bu da formdan girilen bilgileri alacak ve ardından perakendeciyi gönderenler onunla çalışmaya devam edecektir. Bir form nasıl oluşturulur, programı seslendirir, ayarlar eylem özelliği etiket

action niteliğinin değeri olarak aynı adresi belirtebilirsiniz. e-posta, yoga yapmak anahtar kelime posta: . Güçlendiğinde, form başlatılacak posta programı, kilidin arkasına takılı. Tarayıcıda bir güvenlik yöntemi ile, forma girilen bilgilerin düzeltilmesi mümkün değildir, mümkün değildir. Verilerin doğru yorumlanması için enctype niteliğini özetin metin/düz değerleriyle eşleştirin.

Tarayıcılar bu kodu belirsiz bir şekilde ele alır. Firefox listeyi yayıyor ilgili takviyeler aşırı güç direği için (Şekil 1), Internet Explorerİleriye bakarsanız (Şek. 2) ve önceden ayarlanmış programı çalıştırmayı denerseniz, Opera, Firefox gibi, posta göndermek için uygun seçeneklerin bir listesini isteyecektir (Şek. 3).

Pirinç. 1. Programı Firefox'tan başlatma

Pirinç. 2. Internet Explorer'ı Geciktirmek

Pirinç. 3. Opera'da programları seçin

Koristuvach sitelerinde gezinme süreci, temel olarak, tıklamaktan daha azdır. kuvvetlere Web sayfalarında gezinmek için.

Ale, coristuvachevі'nın vlasnі'yı güvence altına alması gerektiğini fark etti giriş alanları. Qi vzaєmodії'da bakın şunları içerir:

• sitelere kayıt ve giriş;
• özel bilgilerin (isim, adres, veriler) girilmesi kredi kartları yani.);
• içerik filtreleme (ek açılır listeler, bölümler ve diğerleri için);
• vikonannya poshku;
• dosya alımı.

İhtiyaçlarınıza bağlanmak için HTML etkileşimli olarak yayılır elementi keruvannya biçim:

• metin alanları (bir veya daha fazla satır için);
• jumperlar;
• teğmenler;
• bırakılacak şeylerin listesi;
• etkileşim için widget'lar;
• düğmelere basın.

Qi kontrolleri etiketler HTML ve çoğu etiket . Kendi kendine kapanan hedef öğe, alanın türü type özniteliği tarafından belirlenir:

eleman

є anlamına gelen blok elemanı etkileşimli web sitesinin bir parçası. Sonuç olarak, keruvannya'nın tüm unsurları (örneğin , veya <button>) bilmekten suçlu <i>ortada</i> eleman <form> .</p><p>İki HTML Niteliği <b>gerekli</b>:</p><ul><li>eylem <i>kudi</i> form bilgileri gönderilecek;</li><li>yöntem GET veya POST olabilir <i>yak</i> form bilgileri gönderilecektir.</li> </ul><p>Kural olarak, form bilgileri şu adrese gönderilir: <b>sunucu</b>. <i>Yak</i> Bu veriler daha sonra işlenecek ve bu yardımcının kapsamının ötesine geçecektir.</p><p>Bir kerede çalışmak gibi yönetim unsurları kümesi gibi formu düşünün, schob vikonati <b>bir</b> operasyon. Yakshcho ve siteye girmek için bir form yazdı, buti olabilir <b>üç</b> alanlar:</p><ul><li>e-posta alanı <input type="email"> </li><li>şifre alanı <input type="password"> </li><li>düzenle düğmesi <input type="submit"> </li> </ul><p>Üç numara <a href="https://androidas.ru/tr/shablony-html-strogii-stil-besplatnye-html-shablony-na-russkom/">HTML öğesi</a> bir formun ortasına serilecek <span><form action="/login" method="POST"> </span>.</p><p>Kayıt formunu benzer şekilde HTML'nin aynı tarafına, aynı öğeye ekleyebilirsiniz. <form> .</p><h2>Metin alanları</h2><p>Maizhe tüm formlar için gereklidir <b>metinsel</b> Muhabirin adını girerek, adınızı, e-posta adresinizi, şifrenizi, adresinizi ve kimliğinizi girin. Formun metin alanları farklı seçenekler için uygundur.</p><p>Bu alanların benzer olmasını ve doğru metni girmenize (yanlış olanı yazmanıza) izin vermesini istiyorsanız, türü güvenlidir. <b>anlambilim</b> bilgi alanı olarak girmek, belirtmek <b>suçlu</b> boyun eğdirmek.</p><p>Tarayıcılar, hareket etmek için kontrolün arayüzünü her seferinde biraz değiştirebilir <i>etkileşim</i> aksi takdirde, hangisinin temizlenebileceğini önerin.</p><p>Örneğin, parola alanı karakterlerin değiştirilmesi için noktalar gösterir. Ve sayılar alanı, yukarı ve aşağı tuşların yardımıyla değeri değiştirmenize / değiştirmenize izin verir.</p><h2>Yer tutucu</h2><p>Metin alanları görüntülenebilir <b>düşündürücü</b> bileceğiniz metin, en kısa sürede şarkı metni girilecektir.</p><p> <input type="text" placeholder="Adınızı giriniz'я"> </p><p>Yazmaya başlarsanız, göründüğü gibi “Adınızı girin” metnine dokunun.</p><h2><label></h2><p>Peki elementleri kendi tarifinize göre kendiniz nasıl şekillendiriyorsunuz, metnin ön yüzünü duyabiliyorsunuz. <b>işaret</b>.</p><p> <label>E-posta</label> <input type="email"> </p><p>O saatte, bir yer tutucu olarak, zaten temizlenenler hakkında bir ipucu veriyorsunuz, işaretler olağanüstü olabilir, herhangi bir saatte görünür hale gelebilir ve öncüler veya atlayıcılar gibi bir dizi başka form öğesi türünü kazanabilir. .</p><p>Dilerseniz formun öğelerini anlatan kısa paragraflar ekleyebilir, alıntı yapabilirsiniz. <label>є semantik olarak daha doğru, çünkü koku formlarda daha az belirgin. <label>ayrıca <a href="https://androidas.ru/tr/metody-massivov-javascript-kak-udalit-opredelennyi-element-massiva/">şarkı söyleyen eleman</a> alanın değişken id değeri için ek öznitelikten sonra form.</p><p> <label for="first_name">ben</label> <input id="first_name" type="text"> </p><p>Etikete tıkladığınızda odağı metin alanına taşıyın ve imleci yenisinin ortasına yerleştirin. Çağrı marna tarafından verildiği sürece, ancak teğmen ve hatıra almanız gerekir.</p><h2>Praportsi</h2><p><b>Praportsi</b>- formun tüm unsurları, sadece iki kampta yakі mayut: yükseltilmiş veya alçaltılmış. Kokunun daha da önemlisi, chogos için “So” chi “Merhaba” demesine izin verilir.</p><p> <input type="checkbox">Beni hatırla</p><p>Kırıklar küçük bir sancakta düzgün bir şekilde sıkılmış görünebilir, sancak ve yogo tanımını ortasına yerleştirmeniz önerilir. <label> .</p><p> <label> <input type="checkbox">zihinlerle aram iyi</label> </p><p>Sancağı değiştirmek için "Zihnimde iyiyim" metnine tıklayabilirsiniz.</p><p>Zamovchuvannyam için sancak kovuldu. Bunu, yalnızca işaretli özniteliği kontrol ederek tanıyabilirsiniz.</p><p> <label> <input type="checkbox" checked>Ödeme adresimi alıntıla</label> </p><h2>Permikachi</h2><p>koristuvachevі verebilirsiniz <b>seçenekler listesi</b> ek yardım için vibir'e.</p><p>Çalışılabilir bir form öğesi için HTML kodunuz suçludur <b>grup</b> atlama listesi bir kerede. Ayrıca yardım için name özniteliği için aynı değere bakın:</p><p> <label>Aile kampı</label> <label> <input type="radio" name="status">arkadaşlık dışı</label> <label> <input type="radio" name="status">Dostluk</label> <label> <input type="radio" name="status">ayrılıklar</label> <label> <input type="radio" name="status">Vdivets</label> </p><p>Tüm anahtarların parçaları, name özniteliğinin aynı değerine sahiptir (için <a href="https://androidas.ru/tr/cel-sbora-i-obrabotki-personalnyh-dannyh-poruchenie-na-obrabotku/">bu özel tipe</a> durum değeri), seçeneklerden birini seçin, diğerlerini söyleyin. Anahtarlar є <b>karşılıklı ve anahtar</b>.</p><h3>Liderler ve teğmenler arasında perakendecilik</h3><p>nişanlanmak istiyorum <b>Kendi başıma</b>, jumper'lar daha az görünür olabilir <b>liste</b>(bu, ikiden az seçenek anlamına gelir).</p><p>Üstelik sancakta alkışlar є <b>yeterli</b>, o saatte, anahtarlardan birinin seçimi olarak <b>obov'yazkovim</b>. Eksen, jumper'ı döndürmenin imkansız olmasının nedenidir, bu yüzden en yakın seçeneği seçin. Zreshtoy, her zaman anahtarlardan birini seçin.</p><h2>Vipadni menüsü</h2><p>Seçmek için çok fazla seçenek olduğu için çok zaman alıyor, elde ettiğiniz menüyü derleyebilirsiniz. <select> .</p><p>Koku geçişlere benzer şekilde çalışır, sadece düzen değişir.</p><p> <select> <option>Sichen</option> <option>Lyuty</option> <option>berezen</option> <option>Kviten</option> <option>traverten</option> <option>Solucan</option> <option>Lipnya</option> <option>yılan</option> <option>Veresen</option> <option>Zhovten</option> <option>yaprak dökümü</option> <option>göğüs</option> </select> </p><h3>Gördüğünüz menüden çoktan seçmeli</h3><p>Çoklu özniteliği ekleyerek, bir dizi seçeneği seçme seçeneği verebilirsiniz.</p><p> <label>Hangi tarayıcıları kullanıyorsunuz?</label> <select multiple> <option><a href="https://androidas.ru/tr/plugin-for-saving-video-in-chrome-save-video-to-your-computer-using-google-chrome/">Google Chrome</a></option> <option>Internet Explorer</option> <option><a href="https://androidas.ru/tr/soobshchenie-s-veb-stranicy-plagin-nedostupen-ustanovka-plagina-kriptopro-csp-v/">Mozilla Firefox</a></option> <option>Opera</option> <option>safari</option> </select> </p><p>Ek yardım için birkaç seçenek seçin Ctrl (veya ⌘) ve tıklayın. Tse mozhe buti garnoy alternatif zastosuvannu kіlka praportsіv arka arkaya.</p><h2>Örnek: yeni kayıt formu</h2> <form action="/signup" method="POST"> <p> <label>Zvernennya</label> <label> <input type="radio" name="title" value="Bay">Tava</label> <label> <input type="radio" name="title" value="Bayan">Bayan.</label> </p> <p> <label>ben</label> <input type="text" name="first_name"> </p> <p> <label>ödül</label> <input type="text" name="last_name"> </p> <p> <label>E-posta</label> <input type="email" name="email"> </p> <p> <label>Telefon</label> <input type="tel" name="phone"> </p> <p> <label>Şifre</label> <input type="password" name="password"> </p> <p> <label>Şifreyi Onayla</label> <input type="password" name="password_confirm"> </p> <p> <label>Krajina</label> <select name="country"> <option>Kanada</option> <option>Fransa</option> <option>Nіmechchina</option> <option>İtalya</option> <option>Japonya</option> <option>Rusya</option> <option>Birleşik Krallık</option> <option>Amerika Birleşik Devletleri</option> </select> </p> <p> <label> <input type="checkbox" name="terms">zeka konusunda iyiyim</label> </p> <p> <button>Kayıt ol</button> </p> </form> <p>Ayrıca, formların diğer unsurları da mevcuttur, ancak en muzaffer baktık.</p> <h3>Tanım</h3> <p>Etiket <form>formu web tarafına gömün. Muhabir ve sunucu arasında veri alışverişi için form kabul edilmiştir. Form günlüğü alanı, sunucudaki verilerin düzenlenmesiyle çevrili değildir, ek istemci komut dosyaları için herhangi bir form öğesine erişebilir, değiştirebilir ve yetkili makamın incelemesine göre zastosovuvat yapabilirsiniz.</p> <p>Belge birkaç formla doldurulabilir veya sunucuya aynı anda birden fazla form gönderilebilir. Z tsієї, bir taneden bağımsız olarak suçlu ama bağımsız bir form oluşturmasına neden olur.</p> <p>Formu sunucuda zorlamak için Gönder düğmesine basılır, aynısı formun ortasındaki Enter tuşuna basılarak da yapılabilir. Gönder düğmesinin form için aynı olması gibi, Giriş düğmesi de varsayılandır.</p> <p>Form sunucuya gönderildiğinde, veriler eylem etiketi özniteliği tarafından belirtilen programa gönderilir. <form>. Önceden tarayıcı, etiketin name özelliği ile gösterilen "im'i=value" bahsi için bilgi hazırlar. <input>, ve değer koristuvach tarafından tanıtılır veya promosyon formuna eklenir. Verinin gücüne gelince, GET yöntemi kullanılır, ardından <a href="https://androidas.ru/tr/chastnyi-fotoarhiv-v-kontakte-kak-smotret-zakrytye-fotografii-vkontakte/">adres satırı</a> saldırgan bir görünüm elde edebilirsiniz.</p> <p>http://www..cgi?nick=%C2%E0%ED%FF+%D8%E0%EF%EE%F7%EA%E8%ED&page=5</p> <p>Parametreler, CGI programının adresinden sonra belirtilen güç işaretinden sonra yeniden paketlenir ve ve işareti (&) ile ayrılır. Latin olmayan karakterler onaltılık karakterlere dönüştürülür (%HH biçiminde, de HH bir ASCII karakterinin değeri için onaltılık koddur), boşluk bir artı (+) ile değiştirilir.</p> <p>Konteyner içinde izin verilir <form>diğer etiketleri yerleştirin, formun kendisi web tarafında görünmezken, yalnızca її öğelerini ve eklenen etiketlerin sonuçlarını görebilirsiniz.</p> <h3>Sözdizimi</h3> <form action="URL"> ... </form> <h3>Öznitellikler</h3>Sunucunun verileri alabileceği ve işleyebileceği kodlamayı ayarlayın. Form verilerini işleyen program belgesinin adresleri. Form alanlarının otomatik olarak tamamlanmasını etkinleştirin. Bu formlar nasıl kodlanır. HTTP protokolü yöntemi. Formun adı. Girilenlerin doğruluğu için verilen formları kontrol etmenizi söyleyeceğim. Im'ya vikna abo çerçeve, örneğin döndürülen sonucu yakaladığı yer. <h3>Eğri etiketi</h3> <p>Obov'yazykovy.</p> <p>HTML5 IE Cr Op Sa Fx</p><p> <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>FORM etiketi</title> </head> <body> <form action="handler.php"> <p><b>"OS" kısaltmasının nasıl çözüldüğünü düşünüyorsunuz?</b></p> <p><input type="radio" name="answer" value="a1">memur deposu <Br> <input type="radio" name="answer" value="a2"><a href="https://androidas.ru/tr/besplatnye-operacionnye-sistemy-analogi-microsoft-windows-rossiiskoe-programmnoe-obespechenieoteches/">İşletim sistemi</a><Br> <input type="radio" name="answer" value="a3">Büyük esmer sinekler</p> <p><input type="submit"></p> </form> </body> </html> </p><p>Sonuç <a href="https://androidas.ru/tr/dan-dvumernyi-massiv-primery-resheniya-zadach-s-dvumernymi-massivami/">bu popo</a>Şek. bir.</p> <p>Pirinç. 1. Tarayıcı penceresinde form öğelerinin görselleştirilmesi</p> <br><p>HTML'deki formlar - en yaygın, ancak diğer yandan HTML'deki en yaygın tema olabilir.</p> <p>Web formları, sitenin özel alanlara eklemesine ve perakendecinin yeni arayanlar için kullanışlı olandan kaldırmasına izin verir.</p> <p>Popo formları bir misafir defteri, anket, çevrimiçi test olabilir. Çevrimiçi mağazaya kaydolurken, siteye kaydolmanın ilk saatinde doldurulacak formlar.</p> <p>HTML kullanarak bir form çerçevesi oluşturabilirsiniz: metin alanları, menüler, listeler, düğmeler, orantılar ve atlama telleri. Tobto, formun bilgilerle doldurulması gereken unsurlardır.</p> <p>Forma girilen Dalі, işlenmek üzere sunucuya gönderilir. Ancak HTML burada güçsüzdür - form üzerinde, program zaten kendisine ekli komut dosyası üzerinde çalışıyor. Bu tür programlar benim php chi javascript'imi yazmaya çağırıyor.</p> <h4>Form nitelikleri - etiket <form></h4> <p>Web sitesindeki formlar dekilka olabilir ( <i>tabanlık, beceriler perakendeci tarafından gereklidir</i>). Derileri bir etiketle onarılır <form>ve bir kapanış etiketi ile bitirin</form> .</p> <p>Herhangi bir form için öznitelik eylemi є obov'yazkovym - dosyanın adresini belirterek, hangi hizmet formu ( <i>ondan önce girilen verileri işlemek</i>).</p> <p>Method niteliği, form yerine uygulama yöntemini belirler. İki yöntem vardır - GET ve POST. Aynı zamanda, qi parametrelerini anlamanın bir anlamı yoktur, ancak GET ve POST yöntemlerini kullanarak bilgi yönetiminin konusu, veri işleme evlerini bulmaktır ( <i>ör. PHP</i>). İletim yönteminin çok olduğunu bilmek için yeterli <a href="https://androidas.ru/tr/uchimsya-rabotat-s-get-i-post-zaprosami-php-otpravka-dannyh-na-server/">veri POST</a> formlarda zdebіlshoy vikoristovuєtsya.</p> <p>etiket adı özelliği <form>obov'yazykovym değil. Ancak belgelerde bir dizi form varsa, bunların dış yüzeyi örnekleyici tarafından tanımlanmış gibi olabilir. Bu nedenle, farklı zamanlarda name özniteliğinin varlığı gereklidir - formu benzersiz bir şekilde ayarlar.</p> <p>Girilecek verilerin kodlamasını da ayarlayabilirsiniz - aynı nedenden dolayı, kabul-karakter seti niteliğini ve ayrıca yardım için değiştirmeniz gerekir. <a href="https://androidas.ru/tr/target-blank-i-drugie-znacheniya-atributa-target-target-v-css-kak-eto-rabotaet/">hedef özellik</a>, düzeltilmiş formun işlenmesinin sonucunun görüntüleneceği pencereyi seçin ( <i>yenisinde veya mevcutta</i>).</p> <p>ale kendi kendine etiket <form>hiçbir anlamı yok, form veriye geçse bile geri getirmek gerekiyor!</p> <h4>Veri girişi. Form alanları - etiket <input></h4> <p>Etiket <input>tse en sık form etiketinde. Forma veri girmeye hizmet eden çeşitli öğelerin oluşturulması için hedefler: metin alanları, düğmeler, bayraklar, atlama telleri.</p> <p>type - etiketin ana özelliği <input>. Він alan türünü ayarla ( <i>eleman</i>) biçim:</p> <table width="100%" border="1"><tr><td width="300px"> <p>Değer özniteliği type="..."</p> </td> <td width="245px"> <p>Sonuç</p> </td> <td> <p>Tanım</p> </td> </tr><tr><td> <p><input type="text" size="20" value="senin im'я..." ></p> </td> <td align="center"> </td> <td><p>Metin girmek için tek satırlık bir alan. Size özelliği, alanın genişliğini karakter olarak belirtir.</p> </td> </tr><tr><td><p><input type="password" maxlength="10" size="20" ></p> </td> <td align="center"> </td> <td><p>Şifre girmek için metin alanı. <br>maxlength niteliği, girilebilecek maksimum karakter sayısını belirler.</p> </td> </tr><tr><td><p><input type="radio" name="radio" value="1" checked></p> <p><input type="radio" name="radio" value="2" ></p> <p><input type="radio" name="radio" value="3" ></p> </td> <td align="center"> </td> <td><p>Perma. <br>Olası bir seçenek, tekliflerden bir seçenekten daha azdır. Kontrol edilen öznitelik, bir dizi bilinen alan atar.</p> </td> </tr><tr><td><p><input type="checkbox" name="flag" value="1" checked></p> <p><input type="checkbox" name="flag" value="2" ></p> <p><input type="checkbox" name="flag" value="3" ></p> </td> <td align="center"> </td> <td><p>Sancak. <br>Bir dizi seçeneğin olası seçimi.</span> Bağlanmak <span>işaretli, tanınacak bir dizi alan atar.</p> </td> </tr><tr><td><p><input type="button" value="Buton" ></p> </td> <td align="center"> </td> <td><p>Buton. <br>Value özelliği butona yazılacak şekilde ayarlanmıştır.</p> </td> </tr><tr><td><p><input type="reset" value="atmak" ></p> </td> <td align="center"> </td> <td><p>Bırak düğmesi. <br>Form alanlarını orijinal görünümlerine döndürün. Skidannya verileri girdi.</p> </td> </tr><tr><td><p><input type="submit" ></p> </td> <td align="center"> </td> <td><p>Veri girişinin uygulanması için düğme.</p> </td> </tr><tr><td><p><input type="file" ></p> </td> <td align="center"> </td> <td><p>Gönderilecek dosyanın adının girileceği alan.</p> </td> </tr><tr><td><p><input type="image" src="img/buttom.gif" ></p> </td> <td align="center"> </td> <td><p>Görüntü düğmesi. <br>Sunucudaki nadsilannya verileri için de hizmet verin. src niteliği, görüntü dosyasının adresini belirtir.</p> </td> </tr><tr><td><p><input type="hidden" size="20" ></p> </td> <td align="center"> </td> <td><p>Ekli alan koristuvach tarafından görünmez.</p> </td> </tr></table><h3>Ortaya çıkanların listesi - etiketler <select>і <option></h3> <p>Etiket <select>çok öz yak i etiketliyorum <input>bilgi toplamaya hizmet et - Bir veya daha fazla öğe seçmenin mümkün olduğu bir liste oluşturuyorum. Dış görünüm öğesi işlenmek üzere sunucuya gönderilmelidir.</p> <p>Size özniteliğinin değerine göre saklanacak oluşturulan listenin görünümü: with size="1" ( <i>kilitleme değeri</i>) liste genişleyecektir.</p> <p>Aksi takdirde, size özniteliğinin değeri, listede seçilen öğelerin sayısına göre belirlenecektir. Örneğin, size="3" ile üç öğe görünür olacaktır. Listedeki diğer öğeleri incelemek için ( <i>nasıl yani</i>) yanında otomatik olarak eklendiğinden dikey bir kaydırma girdabı ile hızlandırın.</p> <p>Zamovchuvannyam mozhlivy için birden fazla liste vybіr. Etiketten önce çoklu özniteliği ekleme <select>yardım faresi ve Ctrl ve Shift tuşlarından sonra listeden birkaç öğe seçmenizi sağlar.</p> <p>Çoklu özniteliğin varlığı için listedeki tüm öğeler veya yalnızca bir kısmı görüntülenecektir ( <i>hatalı tarayıcı görünümü</i>), boyut özelliği görünür öğelerin sayısını ayarlamadığından.</p> <p>Listeye Obov'yazykovy öğesi, scho razkryvaetsya, є etiketi <option>. Vіn raztashovaniya orta etiketi <select>listede bir dış görünüm öğesi oluşturur.</p> <p>Ad etiketi özelliğiyle ilgili yardım için <select>listenin adlandırılması gerekiyor ve etiketin ek değer özelliği için <option>liste öğesine bir değer atayın. Bu sırayla, "im'ya=değer" çifti sunucuya gönderilir - im'ya, seçilen öğenin/ів değerinin listesine.</p> <p>Seçilen etiket özelliği <option>Listeye bir görünüm kümesi öğesi atar ve blok öğesinin devre dışı bırakılmış niteliği liste tarafından seçilemez.</p> <p><img src='https://i1.wp.com/webpupil.ru/img/java/java_example.jpg' height="68" width="200" loading=lazy loading=lazy loading=lazy></p> <p><form> <br><p>Işık tarafı ana direktiflerden biridir:</p> <br> <select name= "storona" > <br> <option value= "Kuzey" >Pivnich</option><br> <option value= "Güney" >Pivden</option><br> <option value= "Batı" >Zahid</option><br> <option value= "Doğu" >Схід</option> <br> </select><br><p>Dünyanın 7 harikası!</p> <br> <select name= "chudo" size= "4" multiple> <br> <option value= "1" >Keops Piramidi</option><br> <option value= "2" selected> <span>Semiramidi'nin Asma Bahçeleri</span> </option><br> <option value= "3" disabled> <span>Olympia'daki Zeus Heykeli</span> </option><br> <option value= "4" > <span>Efes Artemis Tapınağı</span> </option><br> <option value= "5" > <span>Halikarnas Mozolesi</span> </option><br> <option value= "6" > <span>Rodos Başak</span> </option><br> <option value= "7" > <span>Oleksandriysky deniz feneri</span> </option><br> </select><br><p> <input type= "reset" value= "Skidannya" > </p> <br> </form> </p> <p><img src='https://i2.wp.com/webpupil.ru/img/java/java_result.jpg' height="61" width="200" loading=lazy loading=lazy loading=lazy></p> <h3>Zengin dize metin alanı - etiket <textarea></h3> <p>Etiket <textarea>Çok satırlı bir metin alanı oluşturuyorum. Yenisiyle, obrobnik'e veri aktarırken kaydedildiklerinden satırları aktarmak için çalışabilirsiniz.</p> <p>etiket adı özelliği <textarea>є obov'yazkovym - yogo metin alanının yardımından sonra adı atayın.</p> <p>Devre dışı bırakılmış öznitelik bir engelleme alanıdır - alan değiştirilemez ve kullanılamaz. Alanın okuma için daha az olduğu düşünülenler hakkında konuşmak için salt okunur özellik - koristuvach aynı yerde düzenlenemez, ancak mevcut olanlar - görülebilir ve örneğin kopyalanabilir.</p> <p>Sütun ve satırların ek nitelikleri için metin alanının genişliğini karakter olarak ve alanın yüksekliğini satırlar halinde ayarlayabilirsiniz.</p> <p><img src='https://i1.wp.com/webpupil.ru/img/java/java_example.jpg' height="68" width="200" loading=lazy loading=lazy loading=lazy></p> <p><p> <textarea name= "text" cols= "40" rows= "5" readonly> <span>Yogo rosemity taşımak için alan yerine Yakshto - koşucu görünecektir.</span>

Yogo rosemity taşımak için alan yerine Yakshto - koşucu görünecektir.

popo vikoristannya formu

Şimdi merak edelim: form nasıl çalışıyor.

İlk video materyaline giriş formu:

Adınız: *

taahhüdünüz:

HTML ile video dersi
CSS ile video eğitimi
PHP video eğitimi

Burun seçin:

CD

DVD

Flash bellek

E-posta adresiniz: *

Senin adresin: *

2018-06-28

HTML Formları Oluşturun

Selamlar

Ön bölümlerde sitenin ana unsurlarını oluşturduk ve içerikle ilgili beslenmeye baktık. Ve şimdi en önemli ve en önemli konulara geçebiliriz - HTML formlarıyla çalışmak.

HTML formları, web sitesinin etkileşimli kısmını tanımlayan etkileşimin en önemli unsurlarıdır. İnsan onlarsız yaşayamaz. Aje aynı s їх ek yardım zdіysnyuєtsya sunucunun o tarafında coristuvachem arasındaki ana değişim.

Ale aynı zamanda, çok çeşitli işlevsel bileşenler ve metin alanları ile arayüze daraltılabilir öğeler oluşturur ve ekler. Bu nedenle, bu bölümde, oluşturulan sitedeki pratik odaklanmaya özel bir saygı ekleyerek ana unsurlara daha yakından bakmaya çalışacağız.

Ayrıca MySQL veri tabanına sahip robotların güç kaynağı da burada imha edilecek. Bu nedenle, zastosuvannya izmaritlerimizdeki formlar, veritabanı tablolarıyla etkileşimleriyle tutarsız bir şekilde bağlantılı olacaktır. Bazı durumlarda, veriler, istek işleme sırasında sunucu tarafından girilirse, veriler tarafından girilen veriler kaydedilir.

• HTML Formları hakkında Zagalom
• çevrimiçi başvuru formu
• İzin formu
• adak yıldızının şekli

HTML Formları hakkında Zagalom

Web tarafındaki form bir blok elemanı tarafından eklenir