Borang HTML ialah alat yang sangat berkuasa untuk berinteraksi dengan pengguna, tetapi atas sebab teknikal ia tidak selalunya jelas cara menggunakannya untuk potensi penuh mereka. Hanya menyerahkan data tidak mencukupi dalam kes ini - anda juga perlu memastikan bahawa data yang diisi oleh pengguna dalam borang akan dihantar dalam format yang betul yang diperlukan untuk diproses dengan jayanya dan ini tidak akan memecahkan aplikasi sedia ada. Ia juga penting untuk membantu pengguna mengisi borang dengan betul dan tidak berasa kecewa apabila cuba menggunakan aplikasi.
Teg digunakan untuk membuat borang HTML. Ia sebenarnya tidak mencipta margin, tetapi digunakan sebagai bekas induk untuk elemen seperti. Sama ada anda ingin membuat borang langganan ringkas dengan pembayaran dan pembayaran biasa, atau aplikasi web interaktif, anda perlu menggunakan teg elemen HTML untuk berfungsi, yang paling penting ialah.
Sungguh standardBorang HTML
Borang HTML telah dicipta dan sebahagian besarnya diseragamkan sebelum kemunculan JavaScript tak segerak dan aplikasi web yang kompleks. Hari ini, input borang, butang dan mekanisme interaksi lain digunakan, tetapi terasnya ialah sistem berdasarkan paradigma permintaan dan tindak balas
Apabila pengguna memuatkan halaman, permintaan http dihantar (biasanya dipanggil permintaan GET). Ia dihantar oleh penyemak imbas anda ke pelayan, dan biasanya pelayan bertindak balas dengan halaman web yang dicari oleh pengguna. Interaksi ini adalah salah satu konsep Internet yang paling asas. Dan itu menerangkan dengan tepat cara borang HTML berfungsi.
Proses pertukaran maklumat dengan pelayan
Setiap, yang termasuk elemen seperti, terletak di dalam dan mempunyai atribut nama (nama), serta nilainya. Nilai ditakrifkan dengan cara yang berbeza. Untuk teks, ini akan menjadi nilai yang telah dimasukkan ke dalam medan oleh pengguna tapak. Untuk butang radio, nilai pilihan yang dipilih. Pengguna boleh menetapkan nilai, tetapi selalunya tidak boleh menetapkan atribut nama. Ini mewujudkan satu set pasangan nama/nilai yang mana nilai ditentukan oleh input pengguna.
Perbezaan utama antara borang dan dokumen HTML biasa ialah, dalam kebanyakan kes, data yang dikumpul oleh borang dihantar ke pelayan web. Dalam kes ini, anda perlu menyediakan pelayan web untuk menerima dan memproses data. atribut tindakan tegmenentukan lokasi (URL) tempat data yang dikumpul harus dihantar.
Apakah rupa respons pelayan
Apabila borang diserahkan, pasangan nama-nilai dan semua medan dalam elemen disertakan dalam HTTP. Permintaan dibuat kepada URL yang dinyatakan dalam bentuk atribut tindakan. Jenis permintaan (GET atau POST) akan berada dalam atribut kaedah. Ini bermakna semua data yang disediakan pengguna dihantar ke pelayan sebaik sahaja borang diserahkan dan pelayan boleh melakukan apa sahaja yang dikehendaki dengan data tersebut. Apabila pelayan menerima penyerahan borang, ia menganggapnya seperti permintaan HTTP yang lain. Pelayan melakukan apa sahaja yang perlu dilakukan dengan data yang disertakan dan mengeluarkan respons kembali kepada penyemak imbas.
Jika anda ingat bahawa memuatkan halaman adalah jawapannya, anda akan perasan bahawa perkara yang sama berlaku di sini. Dalam bentuk biasa yang dibuat dengan teg, respons ialah halaman baharu yang dimuatkan oleh penyemak imbas. Biasanya, halaman baharu menggantikan kandungan semasa, tetapi ini boleh ditindih dengan atribut sasaran. Sebahagian besar borang dalam talian berfungsi dengan cara ini, itulah sebabnya pengguna dihantar ke halaman Terima Kasih apabila mereka mengisi borang langganan e-mel.
Apl dan borang web tanpa teg
Aplikasi web interaktif moden menggunakan kod JavaScript untuk membuat permintaan http tak segerak. Ini adalah panggilan ke pelayan yang tidak menyebabkan muat semula halaman. Mereka tidak bergantung pada teg - elemen HTML terbina dalam gelagat. Mereka tidak menggabungkan semua data menjadi satu keseluruhan.pengguna dan jangan hantarnya dengan segera. Atas sebab ini, banyak pereka reka letak HTML + JS dalam aplikasi web tidak menggunakan teg pada semua bentuk. Lebih kerap, mereka hanya menggunakannya sebagai sejenis bekas untuk pelbagai jenis medan dan elemen input. Dalam kes ini, atribut kaedah dan tindakan yang digunakan tidak akan kelihatan.
Lagi tentang borang
Borang HTML ialah salah satu sorotan interaksi pengguna dengan tapak web atau aplikasi. Mereka membenarkan pengguna menyerahkan data ke tapak. Selalunya, data dihantar ke pelayan web, tetapi halaman web juga boleh memintasnya untuk digunakan sendiri. Terdapat banyak elemen berkaitan bentuk - pelbagai jenis butang, pemilih untuk jenis yang berbeza, mekanisme maklum balas. Oleh itu, sukar untuk menentukan nilai yang hendak diberikan kepada atribut teg. Apabila ia datang untuk membuat borang, anda perlu menjadikannya berfungsi pada saiz skrin yang berbeza. Adalah penting untuk menjadikannya mudah diakses oleh orang kurang upaya. Itulah sebabnya borang dan teg atribut mungkin merupakan aspek HTML yang paling kompleks.
Terdiri daripada bentuk
Borang HTML terdiri daripada satu atau lebih widget. Ia boleh menjadi medan teks satu baris atau berbilang baris, kotak pilih, butang atau butang radio. Mereka paling kerap dikaitkan dengan atribut yang menerangkan tujuannya - dilaksanakan dengan betul boleh mengarahkan pengguna yang buta dan buta tentang cara untuk pergi ke borang input. Atributdikaitkan dengan betul dengan atribut for dan id mereka, masing-masing. Label untuk kemudian merujuk kepada atribut id bagi widget yang sepadan dan pembaca skrin, yang menggunakannya, akan membaca apa yang tertulis di dalamnya.
Selain struktur khusus untuk teg, adalah penting untuk diingat bahawa borang hanyalah kod HTML. Ini bermakna anda boleh menggunakan kuasa penuh HTML untuk menstrukturkan borang anda. Amalan biasa ialah menggunakan teg untuk membungkus elemen yang ditandakan dengan
. Senarai HTML juga digunakan secara meluas; berbilang kotak semak atau butang radio digunakan untuk penstrukturan. Selepas mencipta medan input, ia kekal untuk menambah butang menggunakan teg dan menyemak hasilnya. Fleksibiliti borang HTML menjadikannya salah satu struktur yang paling kompleks dalam format HTML. Tetapi dengan struktur yang betul semasa membina borang HTML, anda boleh memastikan ia boleh digunakan dan boleh diakses.
