3. Cipta medan borang

unsur mencipta kebanyakan medan borang. Atribut elemen berbeza bergantung pada jenis medan yang digunakan untuk mencipta elemen.

Menggunakan gaya CSS anda boleh menukar saiz fon, jenis fon, warna dan sifat teks yang lain, serta menambah sempadan, warna latar belakang dan imej latar belakang. Lebar medan ditentukan oleh sifat lebar.

4. Medan input teks

unsur ... digunakan bukannya elemen apabila anda perlu mencipta medan teks yang besar. Teks yang dipaparkan sebagai nilai asal diletakkan di dalam teg. Dimensi medan ditetapkan menggunakan atribut cols - dimensi mendatar, baris - dimensi menegak. Ketinggian medan boleh ditetapkan menggunakan sifat ketinggian. Semua saiz dikira berdasarkan saiz satu aksara dalam fon monospace.

Kucing

7. Butang

unsur ... mencipta butang yang boleh diklik. Tidak seperti butang yang dicipta ( , , , ), di dalam elemen anda boleh meletakkan kandungan - teks atau imej.

Untuk memaparkan elemen dengan betul

Pelayar yang berbeza perlu menentukan atribut jenis, contohnya, .

Butang membolehkan pengguna menyerahkan data ke borang, mengosongkan kandungan borang atau mengambil beberapa tindakan lain. Anda boleh membuat sempadan, menukar latar belakang dan menjajarkan teks pada butang.

8. Kotak semak dan butang radio dalam borang

Kotak semak dalam borang ditetapkan menggunakan konstruk , dan suis - menggunakan .

Kotak pilihan, tidak seperti butang radio, boleh ditetapkan kepada beberapa dalam satu bentuk. Jika atribut yang ditanda ditetapkan untuk kotak pilihan, maka apabila halaman dimuatkan, kotak pilihan pada medan borang yang sepadan akan dipilih.

unsur digunakan semasa melaksanakan pemilihan menggunakan butang radio dan kotak semak. Anda boleh memilih item yang anda mahu dengan hanya mengklik pada teks yang dikaitkan dengannya. Untuk melakukan ini, anda perlu meletakkan dalam elemen .

Borang HTML diperlukan apabila anda ingin mengumpul beberapa data daripada pelawat tapak. Contohnya, semasa pendaftaran pengguna anda ingin mengumpul data seperti nama, alamat e-mel, kad kredit, dsb.

Borang akan mengambil input daripada pelawat tapak dan kemudian menghantarnya ke aplikasi akhir seperti CGI, skrip ASP atau skrip dll. Aplikasi akhir PHP akan melaksanakan pemprosesan yang diperlukan pada data yang dipindahkan berdasarkan logik perniagaan tertentu dalam aplikasi.

Pelbagai elemen bentuk tersedia seperti medan teks, medan textarea, menu lungsur, butang radio, kotak pilihan, dsb.

Tag HTML digunakan untuk mencipta borang HTML dan ia mempunyai sintaks berikut:

elemen bentuk seperti input, textarea dll.

Atribut bentuk

Berpisah daripada atribut biasa, berikut ialah senarai atribut bentuk yang paling biasa digunakan:

Catatan: Boleh rujuk Perl & CGI untuk butiran tentang cara muat naik data borang berfungsi.

Kawalan Borang HTML

Terdapat pelbagai jenis kawalan borang yang boleh anda gunakan untuk mengumpul data menggunakan borang HTML:

Kawalan kotak semak

Kawalan kotak radio

Pilih kotak kawalan

Simpan kotak pilihan

Kawalan tersembunyi

Butang boleh klik

Bayangkan dan butang belakang

Kawalan input teks

Terdapat tiga jenis input teks yang digunakan pada borang:

Kawalan input teks baris tunggal - kawalan ini digunakan untuk item yang memerlukan hanya satu baris input pengguna, seperti kotak carian atau nama. Mereka dibuat menggunakan tag HTML.

Kawalan input kata laluan - Ini juga merupakan input teks satu baris tetapi ia menutup watak sebaik sahaja pengguna memasukkannya. Mereka juga dibuat menggunakan tag HTML.

Kawalan Input Teks Berbilang Baris - ini digunakan apabila diperlukan untuk memberikan butiran pengguna yang mungkin lebih panjang daripada satu tawaran. Kawalan input berbilang jalur dicipta menggunakan tag </b> HTML.</p> </ul><h2>Kawalan Input Teks Baris Tunggal</h2> <p>Kawalan ini digunakan untuk item yang memerlukan hanya satu baris input pengguna, seperti kotak carian atau nama. Mereka dibuat menggunakan tag <input>HTML.</p> <h3>Contoh</h3> <p>Berikut ialah contoh asas input teks satu baris yang digunakan untuk menerima nama pertama dan nama keluarga:</p><p> <!DOCTYPE html> <html> <head> <title>Kawalan Input Teks</title> </head> <body> <form >Nama pertama: <input type="text" name="first_name" /> <br>Nama terakhir: <input type="text" name="last_name" /> </form> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html> </p><p>Ini akan memberikan yang berikut:</p> <h3>Atribut</h3> <p> <input>untuk mencipta medan teks.</p> <h2>Kawalan input kata laluan</h2> <p>Ini juga merupakan input teks satu baris tetapi ia menutup watak sebaik sahaja pengguna memasukkannya. Mereka juga dibuat menggunakan tag <input> <b>kata laluan</b>.</p> <h3>Contoh</h3> <p>Berikut ialah contoh asas input kata laluan satu baris yang digunakan untuk menerima kata laluan pengguna:</p><p> <!DOCTYPE html> <html> <head> <title>Kawalan Input Kata Laluan</title> </head> <body> <form >ID Pengguna: <input type="text" name="user_id" /> <br>kata laluan: <input type="password" name="password" /> </form> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html> </p><p>Ini akan memberikan yang berikut:</p> <h3>Atribut</h3> <p>Mengikuti senarai atribut untuk teg <input>untuk mencipta medan kata laluan.</p> <h2>Kawalan Input Teks Berbilang</h2> <p>Ini digunakan apabila diperlukan untuk memberikan butiran pengguna yang mungkin lebih panjang daripada satu tawaran. Kawalan input berbilang jalur dicipta menggunakan tag <textarea>HTML.</p> <h3>Contoh</h3> <p>Berikut ialah contoh asas input teks berbilang baris yang digunakan untuk mengambil perihalan item:</p><p> <!DOCTYPE html> <html> <head> <title>Kawalan Input Berbilang Talian</title> </head> <body> <form>Penerangan: <br /> <textarea rows="5" cols="50" name="description">Masukkan penerangan di sini...



Ini akan memberikan yang berikut:

Atribut

Mengikuti senarai atribut untuk teg .</p> <h2>Kawalan kotak semak</h2> <p>Kotak semak digunakan apabila lebih daripada satu pilihan dipilih. Mereka juga dibuat menggunakan tag <input>HTML tetapi atribut jenis ditetapkan kepada <b>kotak semak</b>.</p> <h3>Contoh</h3> <p>Berikut ialah contoh kod HTML untuk borang dengan 2 kotak pilihan:</p><p> <!DOCTYPE html> <html> <head> <title>Kawalan Kotak Semak</title> </head> <body> <form> <input type="checkbox" name="maths" value="pada">Matematik <input type="checkbox" name="physics" value="pada">Fizik</form> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html> </p><p>Ini akan memberikan yang berikut:</p> <h3>Atribut</h3> <p>Mengikuti senarai atribut untuk teg <checkbox>.</p> <h2>Kawalan butang radio</h2> <p>Ia perlu menggunakan butang radio apabila terdapat banyak pilihan, hanya satu pilihan. Mereka juga dibuat menggunakan tag <input>HTML tetapi atribut jenis ditetapkan kepada <b>siaran radio</b>.</p> <h3>Contoh</h3> <p>Berikut ialah contoh kod HTML untuk borang dengan 2 butang radio:</p><p> <!DOCTYPE html> <html> <head> <title>Kawalan Kotak Radio</title> </head> <body> <form> <input type="radio" name="subject" value="matematik">Matematik <input type="radio" name="subject" value="fizik">Fizik</form> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html> </p><p>Ini akan memberikan yang berikut:</p> <h3>Atribut</h3> <p>Berikut ialah senarai atribut untuk butang radio.</p> <h2>Pilih kawalan kotak</h2> <p>Kotak pilih, juga dipanggil kotak lungsur turun, ialah kotak yang menyediakan pilihan untuk menyenaraikan pilihan yang berbeza dalam bentuk senarai juntai bawah, dari mana pengguna boleh memilih satu atau lebih pilihan.</p> <h3>Contoh</h3> <p>Berikut ialah contoh kod HTML untuk borang dengan satu kotak lungsur</p><p> <!DOCTYPE html> <html> <head> <title>Pilih Kawalan Kotak</title> </head> <body> <form> <select name="dropdown"> <option value="Matematik" selected>Matematik</option> <option value="Fizik">Fizik</option> </select> </form> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html></p> <h2>Penerangan</h2> <p>tag HTML <form>mencipta borang HTML yang digunakan untuk menghantar input pengguna ke pelayan.</p> <p>Oleh kerana borang itu sendiri tidak menyediakan sebarang cara untuk input pengguna, di dalam elemen <form>mengandungi elemen lain yang tujuannya adalah untuk menyediakan pengguna dengan cara yang berbeza untuk memasukkan data:</p> <p>Selain elemen ini, anda boleh menggunakan mana-mana elemen HTML lain di dalam borang.</p> <p>Secara lalai, borang tidak dipaparkan dalam apa-apa cara pada halaman web, hanya unsur-unsur yang terletak di dalamnya kelihatan, tetapi menggunakan CSS anda boleh memberikan bentuk apa-apa rupa.</p> <h2>Atribut</h2>accept-charset: Menentukan pengekodan aksara, atau senarai set aksara yang diasingkan ruang, untuk input borang yang diserahkan kepada pelayan untuk diproses. Jika data termasuk aksara yang tidak disokong oleh pengekodan yang ditentukan, penyemak imbas cuba menentukan pengekodan yang sesuai untuknya. Jika pengekodan yang sesuai tidak dapat ditentukan, maka aksara akan dikodkan ke dalam kod angka. <p>Nilai lalai ialah rentetan terpelihara "TIDAK DIKETAHUI" (pelayar mentafsir nilai ini sebagai pengekodan aksara yang sama dengan dokumen yang mengandungi elemen <form>). tindakan: Menunjukkan alamat untuk menghantar data daripada borang yang lengkap, tempat maklumat ini akan diproses. autolengkap: Menentukan sama ada untuk mendayakan atau melumpuhkan autolengkap borang. Apabila autolengkap didayakan, penyemak imbas secara automatik mengisi nilai yang dimasukkan pengguna pada masa sebelumnya mereka menggunakan borang tersebut. Nilai atribut yang mungkin:</p><ul><li><b>pada:</b> penyemak imbas secara automatik memaparkan nilai yang dimasukkan sebelum ini oleh pengguna (nilai lalai).</li> <li><b>dimatikan:</b> Pengguna mesti memasukkan nilai untuk setiap medan setiap kali borang digunakan. Nilai yang dimasukkan sebelum ini tidak akan ditunjukkan.</li> </ul><p>Nota: Atribut autolengkap tidak disokong oleh penyemak imbas Opera.</p><p>Enctype: Menentukan cara data borang dikodkan apabila diserahkan kepada pelayan. Hanya boleh digunakan bersama dengan atribut method="post". Nilai yang mungkin:</p><ul><li><b>permohonan/x-www-form-urlencoded:</b> lalai: semua aksara dikodkan sebelum dihantar (ruang ditukar kepada aksara "+" dan aksara khas ditukar kepada nilai ASCII HEX).</li> <li><b>berbilang bahagian/data-bentuk:</b> aksara tidak dikodkan. Digunakan untuk elemen <input>, yang atribut jenisnya ditetapkan kepada "fail".</li> <li><b>teks/biasa:</b> ruang ditukar kepada aksara "+", tetapi tidak mengekod aksara khas seperti apostrof ke dalam nilai perenambelasan.</li> </ul> kaedah: Menentukan kaedah pemindahan data HTTP yang akan digunakan semasa menyerahkan data borang. Nilai yang mungkin: <ul><li><b>dapatkan:</b> Data dihantar ke bar alamat penyemak imbas sebagai pasangan nama=nilai dengan menambahkannya pada penghujung URL. Tanda soal (?) digunakan sebagai pemisah antara URL utama dan data yang dihantar, dan aksara ampersand (&) digunakan untuk memisahkan data yang dihantar antara satu sama lain. Kaedah ini digunakan semasa menghantar data kecil.</li> <li><b>jawatan:</b> data tidak dihantar sebagai sebahagian daripada URL, tetapi sebagai kandungan permintaan penyemak imbas. Kaedah ini digunakan untuk menghantar sejumlah besar data.</li> </ul> Jika atribut kaedah tidak dinyatakan, kaedah GET akan digunakan secara lalai. nama: Menentukan nama borang. Nama itu boleh digunakan dalam JavaScript untuk merujuk kepada elemen mengikut nama atau merujuk kepada data borang selepas ia diserahkan. Jika beberapa borang digunakan dalam satu dokumen, maka nama mereka tidak boleh diulang dan rentetan kosong tidak boleh dibiarkan sebagai nilai atribut. novalidate: Menunjukkan bahawa data yang dimasukkan ke dalam borang tidak akan disahkan sebelum diserahkan. Nilai yang mungkin untuk atribut boolean novalidate: <form novalidate> <form novalidate="novalidate"> <form novalidate=""> <p>Nota: Atribut novalidate tidak disokong dalam IE9 dan lebih awal, dan Safari.</p><p>Sasaran: Mentakrifkan nama bingkai atau kata kunci yang menentukan tempat untuk memaparkan respons yang diterima selepas borang diserahkan.</p><ul><li><b>_kosong:</b> membuka dokumen dalam tetingkap atau tab baharu.</li> <li><b>_diri:</b> membuka dokumen dalam direktori yang sama di mana pautan terletak (lalai).</li> <li><b>_ibu bapa:</b> membuka dokumen dalam bingkai induk.</li> <li><b>_atas:</b> membuka dokumen dalam lebar penuh tetingkap.</li> <li><b>nama_bingkai:</b> membuka dokumen dalam iframe yang namanya ditentukan sebagai nilai.</li> </ul><p>Tag <form>turut menyokong Atribut dan Peristiwa Global</p> <h2>Gaya lalai</h2>borang ( paparan: blok; margin-atas: 0em; ) <h3>Contoh</h3> <form action="demo_form.asp">nama: <input type="text" name="fname" value="Mickey"><br>Nama keluarga: <input type="text" name="lname" value="tetikus"><br> <input type="submit" value="Hantar"> </form> <br><p>Borang dalam HTML adalah yang paling kompleks, tetapi sebaliknya, mungkin topik yang paling menarik dalam HTML.</p> <p>Borang web membenarkan pelawat tapak memasukkan maklumat tertentu ke dalam medan khas, dan pembangun menerimanya dalam bentuk yang sesuai untuknya.</p> <p>Contoh borang boleh menjadi buku tetamu, soal selidik atau ujian dalam talian. Borang diisi semasa mendaftar di laman web, semasa membuat pesanan di kedai dalam talian, dsb.</p> <p>Menggunakan HTML, anda boleh membuat rangka kerja borang: medan teks, menu, senarai, butang, kotak semak dan butang radio. Iaitu, unsur-unsur dengan bantuan maklumat tertentu dimasukkan ke dalam borang.</p> <p>Kemudian data yang dimasukkan ke dalam borang dihantar ke pelayan untuk diproses. Tetapi HTML tidak berkuasa di sini - program atau skrip yang dilampirkan padanya sedang berfungsi untuk memproses borang. Program sedemikian biasanya ditulis dalam PHP atau JavaScript.</p> <h4>Atribut bentuk - tag <form></h4> <p>Terdapat beberapa borang pada halaman web ( <i>seberapa banyak yang diperlukan oleh pemaju</i>). Setiap daripada mereka bermula dengan tag <form>dan diakhiri dengan tag penutup</form> .</p> <p>Atribut tindakan adalah wajib untuk sebarang bentuk - ia menentukan alamat kepada fail yang menyediakan borang ( <i>memproses data yang dimasukkan ke dalamnya</i>).</p> <p>Atribut kaedah menentukan cara kandungan borang akan diserahkan. Terdapat dua kaedah - GET dan POST. Sekarang tidak masuk akal untuk menyelidiki parameter ini, kerana topik penghantaran maklumat menggunakan kaedah GET dan POST berkaitan dengan bahasa pemprosesan data ( <i>contohnya PHP</i>). Ia cukup untuk mengetahui bahawa ia adalah kaedah pemindahan data POST yang digunakan dalam kebanyakan kes dalam bentuk.</p> <p>Atribut nama tag <form>adalah pilihan. Tetapi jika terdapat beberapa borang dalam dokumen, maka setiap daripada mereka mesti dikenal pasti oleh pengendali. Oleh itu, kehadiran atribut nama dalam kes ini adalah perlu - ia menentukan nama unik borang.</p> <p>Anda juga boleh menetapkan pengekodan untuk data input - atribut accept-charset bertanggungjawab untuk ini, dan juga, menggunakan atribut sasaran, tentukan tetingkap di mana hasil pemprosesan borang yang diserahkan akan dipaparkan ( <i>dalam tetingkap baharu atau semasa</i>).</p> <p>Tetapi tag itu sendiri <form>tidak masuk akal, kerana borang menghantar data yang pertama sekali perlu dimasukkan ke suatu tempat!</p> <h4>Input data. Medan borang - tag <input></h4> <p>Tag <input>Ini ialah teg yang paling biasa ditemui dalam borang. Ia direka untuk mencipta pelbagai elemen yang berfungsi untuk memasukkan data ke dalam bentuk: medan teks, butang, kotak semak, butang radio.</p> <p>jenis ialah atribut utama tag <input>. Ia menetapkan jenis medan ( <i>unsur</i>) bentuk:</p> <table width="100%" border="1"><tr><td width="300px"> <p>Jenis nilai atribut="..."</p> </td> <td width="245px"> <p>Hasilnya</p> </td> <td> <p>Penerangan</p> </td> </tr><tr><td> <p><input type="text" size="20" value="Nama awak..." ></p> </td> <td align="center"> </td> <td><p>Medan teks baris tunggal untuk memasukkan teks. Atribut saiz menentukan lebar medan dalam aksara.</p> </td> </tr><tr><td><p><input type="password" maxlength="10" size="20" ></p> </td> <td align="center"> </td> <td><p>Medan teks untuk memasukkan kata laluan. <br>Atribut maxlength menetapkan bilangan maksimum aksara yang boleh dimasukkan</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>Tukar. <br>Anda boleh memilih hanya satu pilihan daripada yang ditawarkan. Atribut yang disemak menentukan medan yang telah disemak sebelumnya.</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>Kotak semak. <br>Terdapat beberapa pilihan untuk dipilih.</span> Atribut <span>checked mentakrifkan medan pra-semak.</p> </td> </tr><tr><td><p><input type="button" value="Butang" ></p> </td> <td align="center"> </td> <td><p>Butang. <br>Atribut nilai menetapkan label pada butang.</p> </td> </tr><tr><td><p><input type="reset" value="Tetapkan semula" ></p> </td> <td align="center"> </td> <td><p>Butang set semula. <br>Mengembalikan medan borang kepada bentuk asalnya. Tetapkan semula data yang dimasukkan.</p> </td> </tr><tr><td><p><input type="submit" ></p> </td> <td align="center"> </td> <td><p>Butang untuk menghantar data yang dimasukkan.</p> </td> </tr><tr><td><p><input type="file" ></p> </td> <td align="center"> </td> <td><p>Medan untuk memasukkan nama fail yang dihantar.</p> </td> </tr><tr><td><p><input type="image" src="img/buttom.gif" ></p> </td> <td align="center"> </td> <td><p>Butang imej. <br>Ia juga digunakan untuk menghantar data ke pelayan. Atribut src menentukan alamat fail imej.</p> </td> </tr><tr><td><p><input type="hidden" size="20" ></p> </td> <td align="center"> </td> <td><p>Medan tersembunyi - tidak kelihatan kepada pengguna.</p> </td> </tr></table><h3>Jatuh turun - Teg <select>Dan <option></h3> <p>Tag <select>sama seperti tag <input>berfungsi untuk mengumpul maklumat - ia mencipta senarai dari mana satu atau lebih elemen boleh dipilih. Setiap elemen sepadan dengan nilai, yang dihantar ke pelayan untuk diproses.</p> <p>Jenis senarai yang dibuat bergantung pada nilai atribut saiz: dengan saiz= "1" ( <i>nilai asal</i>) senarai akan jatuh ke bawah.</p> <p>Nilai yang berbeza untuk atribut saiz akan sepadan dengan bilangan item senarai yang dipaparkan. Contohnya, dengan size="3" , tiga elemen akan kelihatan. Untuk melihat item senarai lain ( <i>jika ada</i>) anda harus menggunakan bar skrol menegak, yang ditambah secara automatik.</p> <p>Secara lalai, hanya satu item senarai boleh dipilih. Menambahkan berbilang atribut pada teg <select>membolehkan anda memilih berbilang item senarai menggunakan tetikus dan kekunci Ctrl dan Shift.</p> <p>Jika berbilang atribut hadir, semua atau sebahagian daripada item senarai akan dipaparkan ( <i>bergantung pada pelayar</i>) jika atribut saiz tidak ditetapkan kepada bilangan item yang boleh dilihat tertentu.</p> <p>Elemen yang diperlukan dalam senarai juntai bawah ialah teg <option>. Ia terletak di dalam tag <select>dan mencipta setiap item senarai.</p> <p>Menggunakan atribut nama tag <select>senarai diberi nama, dan menggunakan atribut nilai teg <option>elemen senarai diberikan nilai. Oleh itu, pasangan “nama=nilai” dihantar ke pelayan - nama senarai dan nilai elemen/s yang dipilih.</p> <p>Atribut yang dipilih bagi teg <option>mentakrifkan item senarai yang dipilih sebelum ini, dan atribut yang dilumpuhkan menyekat item senarai - ia tidak boleh dipilih.</p> <p><img src='https://i2.wp.com/webpupil.ru/img/java/java_example.jpg' height="68" width="200" loading=lazy loading=lazy></p> <p><form> <br><p>Arah kardinal adalah salah satu daripada empat arah utama:</p> <br> <select name= "storona" > <br> <option value= "utara" >utara</option><br> <option value= "Selatan" >Selatan</option><br> <option value= "Barat" >Barat</option><br> <option value= "timur" >timur</option> <br> </select><br><p>7 Keajaiban Dunia!</p> <br> <select name= "chudo" size= "4" multiple> <br> <option value= "1" >Piramid Cheops</option><br> <option value= "2" selected> <span>Taman Gantung Babylon</span> </option><br> <option value= "3" disabled> <span>Patung Zeus di Olympia</span> </option><br> <option value= "4" > <span>Kuil Artemis di Efesus</span> </option><br> <option value= "5" > <span>makam di Halicarnassus</span> </option><br> <option value= "6" > <span>Colossus of Rhodes</span> </option><br> <option value= "7" > <span>Rumah api Iskandariah</span> </option><br> </select><br><p> <input type= "reset" value= "Tetapkan semula" > </p> <br> </form> </p> <p><img src='https://i1.wp.com/webpupil.ru/img/java/java_result.jpg' height="61" width="200" loading=lazy loading=lazy></p> <h3>Medan teks berbilang baris - tag <textarea></h3> <p>Tag <textarea>mencipta medan teks berbilang baris. Ia dibenarkan untuk membuat pemisah talian yang dikekalkan semasa menghantar data kepada pengendali.</p> <p>Atribut nama tag <textarea>adalah wajib - menggunakannya, medan teks diberi nama.</p> <p>Atribut yang dilumpuhkan melumpuhkan medan - kandungan medan tidak boleh diubah dan ia tidak boleh diakses. Atribut baca sahaja menunjukkan bahawa medan adalah baca sahaja - pengguna tidak mempunyai keupayaan untuk mengedit kandungan, tetapi ia tersedia - ia boleh dipilih dan, sebagai contoh, disalin.</p> <p>Anda boleh menetapkan lebar medan teks dalam aksara dan ketinggian medan dalam baris menggunakan atribut kol dan baris, masing-masing.</p> <p><img src='https://i2.wp.com/webpupil.ru/img/java/java_example.jpg' height="68" width="200" loading=lazy loading=lazy></p> <p><p> <textarea name= "text" cols= "40" rows= "5" readonly> <span>Jika kandungan medan melebihi saiznya, peluncur akan muncul.</span>



Jika kandungan medan melebihi saiznya, peluncur akan muncul.

Contoh penggunaan borang

Sekarang mari kita lihat bagaimana borang itu berfungsi.



Borang pesanan video pendidikan:




Nama awak: *







Pesanan anda:





Tutorial video tentang HTML
Tutorial video tentang CSS
Tutorial video tentang PHP





Pilih media:




CD




DVD




USB Flash




Emel anda: *







Alamat anda: *













Penerangan

Tag

memasang borang pada halaman web. Borang ini bertujuan untuk pertukaran data antara pengguna dan pelayan. Skop penggunaan borang tidak terhad kepada menghantar data ke pelayan; menggunakan skrip klien, anda boleh mengakses mana-mana elemen borang, mengubahnya dan menggunakannya mengikut budi bicara anda.
Dokumen boleh mengandungi apa-apa bilangan borang, tetapi hanya satu borang boleh diserahkan kepada pelayan pada satu masa. Atas sebab ini, data borang mestilah bebas antara satu sama lain.
Untuk menyerahkan borang kepada pelayan, gunakan butang Hantar, perkara yang sama boleh dicapai dengan menekan kekunci Enter dalam borang. Jika butang Hantar tidak terdapat pada borang, kekunci Enter mensimulasikan penggunaannya.
Apabila borang diserahkan kepada pelayan, kawalan data dipindahkan ke program yang ditentukan oleh atribut tindakan teg . Penyemak imbas terlebih dahulu menyediakan maklumat dalam bentuk pasangan "nama=nilai", di mana nama ditentukan oleh atribut nama teg , dan nilai dimasukkan oleh pengguna atau ditetapkan kepada medan borang lalai. Jika kaedah GET digunakan untuk menghantar data, maka bar alamat boleh mengambil bentuk berikut.
http://www..cgi?nick=%C2%E0%ED%FF+%D8%E0%EF%EE%F7%EA%E8%ED&page=5
Parameter disenaraikan selepas tanda soal yang ditentukan selepas alamat program CGI dan dipisahkan oleh aksara ampersand (&). Aksara bukan Latin ditukar kepada perwakilan heksadesimal (dalam bentuk %HH, dengan HH ialah kod perenambelasan untuk nilai aksara ASCII), dan ruang digantikan dengan tambah (+).
Dibenarkan di dalam bekas letakkan teg lain, tetapi borang itu sendiri tidak dipaparkan dalam apa-apa cara pada halaman web, hanya elemennya dan hasil teg bersarang kelihatan.
Sintaks
...

Atribut

Menetapkan pengekodan di mana pelayan boleh menerima dan memproses data. Alamat program atau dokumen yang memproses data borang. Mendayakan pengisian automatik medan borang. Kaedah pengekodan data borang. Kaedah protokol HTTP. Nama borang. Mengatasi semakan terbina dalam data borang untuk ketepatan input. Nama tetingkap atau bingkai tempat pengendali akan memuatkan hasil yang dikembalikan.

Tag penutup

Diperlukan.

HTML5 IE Cr Op Sa Fx

Pada pendapat anda, bagaimanakah singkatan "OS" bermaksud?

Pegawai
sistem operasi
Lalat belang yang hebat





Hasil daripada contoh ini ditunjukkan dalam Rajah. 1.

nasi. 1. Lihat elemen borang dalam tetingkap penyemak imbas