Berikut adalah contoh kode halaman login html. Dalam contoh ini, kami telah menampilkan satu bidang teks, Kata Sandi, tombol Reset dan tombol Login. Kami telah menggunakan tombol Reset yang mengatur ulang semua bidang menjadi kosong. Kami telah menetapkan nama pengguna dan kata sandi nilai.

Berikut adalah contoh kode halaman login html. Dalam contoh ini, kami telah menampilkan satu bidang teks, Kata Sandi, tombol Reset dan tombol Login. Kami telah menggunakan tombol Reset yang mengatur ulang semua bidang menjadi kosong. Kami telah menetapkan nilai nama pengguna dan kata sandi.

Berikut adalah contoh kode halaman login html. Dalam contoh ini, kami telah menampilkan satu bidang teks, Kata Sandi, tombol Reset dan tombol Login. Kami telah menggunakan tombol Reset yang mengatur ulang semua bidang menjadi kosong. Kami telah menggunakan validasi JavaScript di halaman Login. Kami telah menetapkan nilai nama pengguna dan kata sandi. Jika seseorang memasukkan nama pengguna atau kata sandi yang salah atau keduanya, pesan kesalahan dengan "Kesalahan: Nama Pengguna atau Kata Sandi Salah" akan ditampilkan. Sampai orang tersebut memasukkan nama pengguna dan kata sandi yang benar, itu tidak akan masuk.

Setelah Anda memasukkan Nama Pengguna dan Kata Sandi yang benar, Anda akan diarahkan ke halaman lain.

Halaman login digunakan di sebagian besar situs web dinamis untuk memvalidasi pengguna berdasarkan kredensial mereka. Untuk membuat halaman login untuk situs web digunakan bentuk HTML dan elemen HTML. Bidang teks digunakan untuk menerima nama pengguna dan kata sandi Bidang teks digunakan untuk menerima kata sandi dari pengguna.

Tombol submit digunakan untuk mengirimkan data ke server untuk validasi. Ada baiknya untuk memvalidasi input pengguna di browser menggunakan JavaScript. Dalam tutorial ini kita membuat Masuk HTML kode halaman dan memvalidasi input pengguna dengan JavaScript. Dalam aplikasi web modern, validasi sisi server juga sangat penting dilakukan di sisi server dengan program yang berjalan di server.

Berikut video tutorialnya:

Namun dalam tutorial ini Anda akan belajar membuat halaman login dalam HTML dan memvalidasi input pengguna dengan JavaScript. melihat demo halaman Login HTML.

Berikut adalah screen shot dari halaman login yang kami buat:

Halaman login ini menampilkan kolom teks Nama Pengguna, Kata Sandi dan kemudian tombol untuk mengatur ulang dan Login. Setelah pengguna memasukkan data dan mengklik tombol Login, JavaScript digunakan untuk memvalidasi formulir dan pesan kesalahan ditampilkan jika validasi gagal.

Halaman Login HTML dengan Validasi JavaScript

Halaman Masuk HTML
nama belakang:
Kata sandi:

Itu

tag HTML adalah inti dari pembuatan formulir entri pengguna di aplikasi web yang mengambil data input pengguna dan akhirnya mengirimkannya ke program sisi server untuk diproses lebih lanjut. Data semua input atau bidang tersembunyi diambil dan dikirimkan ke server melalui tag formulir. Tombol "kirim" digunakan untuk memulai pengiriman data formulir ke server. Anda juga dapat menggunakan kode JavaScript untuk mengirimkan formulir. Misalnya jika nama formulir Anda adalah "loginForm" maka kode JavaScript berikut dapat dipanggil untuk mengirimkan formulir secara terprogram.

Pendefinisian tag HTML formulir HTML On line

Kami membuat situs web dan halaman individual di Internet untuk berkomunikasi dengan pengunjung.

formulir HTML digunakan untuk mendaftarkan pengunjung di situs, untuk polling dan voting interaktif, memungkinkan Anda untuk mengirim pesan, melakukan pembelian, dan sebagainya. HTML Formulir dibuat untuk satu tujuan: untuk mengumpulkan dan kemudian mentransfer informasi untuk diproses ke skrip program atau melalui email.

Contoh formulir HTML | Masuk ke situs

Tag, atribut, dan nilai

• - menentukan bentuk.
• name="" - mendefinisikan nama formulir.
• method="" - menentukan bagaimana data dikirim dari formulir. Nilai: "get" (default) dan "posting" . Metode "posting" lebih umum digunakan, karena memungkinkan Anda mentransfer data dalam jumlah besar.
• action="" - menentukan url yang digunakan untuk mengirim data untuk diproses. Dalam kasus kami - enter_data.php ..
• - menentukan elemen formulir seperti tombol, sakelar, bidang teks untuk entri data.
• type="text" - mendefinisikan bidang teks untuk entri data.
• type="password" - mendefinisikan bidang untuk memasukkan kata sandi, sementara teks ditampilkan sebagai tanda bintang atau lingkaran.
• type="checkbox" - mendefinisikan tombol radio.
• type="hidden" - mendefinisikan elemen tersembunyi bentuk - digunakan untuk menyampaikan informasi tambahan ke server.
• size="25" - panjang bidang teks dalam karakter.
• maxlength="30" - jumlah karakter input maksimum yang diizinkan.
• value="" - mendefinisikan nilai yang akan dikirim untuk diproses jika mengacu pada tombol radio atau tombol radio. Nilai atribut ini sebagai bagian dari bidang teks atau tombol akan ditampilkan sebagai, misalnya, John atau Login pada contoh di atas.

Contoh formulir HTML | Komentar di situs

Nama Surat

Tag, atribut, dan nilai

• action="http://site/comments.php" - menentukan url tempat data dari formulir akan dikirim.
• id="" - mendefinisikan nama, pengidentifikasi elemen formulir.
• name="" - mendefinisikan nama elemen form.
• - menentukan bidang teks dalam formulir.
• cols="" - menentukan jumlah kolom bidang teks formulir.
• rows="" - Menentukan jumlah baris untuk bidang teks formulir.

Jika antara letakkan teks, itu akan ditampilkan di dalam kotak sebagai contoh yang mudah dihapus.

Contoh formulir HTML | Daftar tarik-turun

Posisi pertama Posisi kedua posisi ketiga posisi keempat

Tag, atribut, dan nilai

• - tentukan daftar dengan item untuk dipilih.
• size="" - menentukan jumlah posisi daftar yang terlihat. Jika nilainya 1 , kita berhadapan dengan daftar dropdown.
• - menentukan posisi (poin) dari daftar.
• value="" - berisi nilai yang akan dikirim oleh formulir ke url yang ditentukan untuk diproses.
• dipilih="dipilih" - memilih item daftar sebagai contoh.

Contoh formulir HTML | Daftar dengan bilah gulir

Dengan meningkatkan nilai atribut size="", kita mendapatkan daftar dengan scrollbar:

Posisi pertama Posisi kedua Posisi ketiga Posisi keempat

Posisi pertama Posisi kedua posisi ketiga posisi keempat

Untuk opsi ini, kami menggunakan flag multiple="multiple", yang memungkinkan untuk memilih beberapa item. Ketidakhadirannya memungkinkan Anda untuk memilih hanya satu item.

type="kirim" - mendefinisikan tombol.

type="reset" - mendefinisikan tombol reset.

value="" - mendefinisikan label pada tombol.

Lihat tambahan:

Seperti yang sudah Anda ketahui, klien web memiliki kemampuan untuk mengirim berbagai informasi ke server web menggunakan permintaan GET dan POST. Formulir HTML adalah alat utama untuk membuat kueri semacam itu. Pada dasarnya, form HTML adalah sebuah field atau kolom untuk memasukkan informasi pada sebuah halaman web. Contoh formulir HTML yang baik adalah formulir masuk dan kata sandi untuk otorisasi di situs.

Formulir HTML dijelaskan menggunakan tag pasangan membentuk. Tag ini memiliki dua atribut penting: metode dan tindakan. Atribut metode menentukan jenis permintaan HTTP (mendapatkan atau memposting), atribut tindakan menentukan dokumen yang diminta, yaitu jalur ke file yang akan diminta. Jalur dapat berupa absolut (menunjukkan domain situs) atau relatif. Sebagai contoh:

<form method = "get" action = "/login.php" > ... </form>

Ada beberapa jenis elemen input yang berbeda yang cocok di dalam formulir. Elemen yang ingin saya mulai disebut Kirimkan:

<jenis input = "kirim" nilai = "(!LANG:Masuk" / > !}

Elemen adalah tombol, mengklik yang menghasilkan eksekusi permintaan HTTP. Atribut nilai mengatur keterangan untuk tombol. Formulir dapat berisi beberapa elemen pengiriman. Untuk menentukan dalam dokumen yang diminta tombol mana yang diklik, perlu untuk mengatur atribut elemen kirim nama. Sebagai contoh:

<form method = "get" action = "/control.php" > <input type = "kirim" name = "kirim" nilai = "(!LANG:Tambah" / > !} <input type = "kirim" name = "kirim" value = "(!LANG:Edit" / > !} </form>

Saat membuat permintaan, browser web akan menyertakan parameter HTTP yang mencirikan elemen kirim yang diklik. Nilai atribut name dari tombol yang ditekan akan diambil sebagai nama parameter, dan nilai atribut value sebagai nilainya. Jadi, ketika Anda mengklik tombol Tambah, kueri akan dibuat:

/control.php?submit=Tambahkan

dan ketika Anda mengklik tombol Edit:

/control.php?submit=Edit

Elemen selanjutnya adalah elemen paling sederhana untuk memasukkan teks satu baris. Kode HTML-nya adalah:

<input type="teks" nama="nama" />

name adalah atribut yang diperlukan untuk berpartisipasi dalam permintaan HTTP. Nilai dari atribut ini akan digunakan sebagai nama parameter HTTP. Atribut ini tersedia untuk semua jenis elemen formulir.

Anda juga dapat mengatur atribut nilai ke sebuah elemen, dengan menentukan di dalamnya teks yang akan dimasukkan ke dalam elemen secara default. Sebagai contoh:

<input type="teks" nama="login" nilai= "Nama belakang" / >

Elemen kata sandi digunakan untuk memasukkan password. Secara lahiriah, itu sama, tetapi teks yang dimasukkan ditampilkan sebagai tanda bintang atau titik:

<inputtype="kata sandi" />

Ini, pada prinsipnya, cukup untuk membuat bentuk paling sederhana otorisasi. Mari kita coba mengimplementasikannya, dan kemudian kembali ke pertimbangan jenis elemen lainnya.

Mari kita buat file auth.php di direktori root dengan konten berikut:

<html xmlns= "http://www.w3.org/1999/xhtml"> <kepala > <judul > Otorisasi</judul> <meta http-equiv = "Content-Type" content = "text/html;charset=utf-8" / > </kepala> <tubuh> <form method = "get" action = "/auth.php" > <meja > <tr > <td > Nama belakang:</td> <td > <input type="text" name="login" value="" /> </td> </tr> <tr > <td > Kata sandi:</td> <td > <input type="password" name="pass" value="" /> </td> </tr> </tabel> <jenis input = "kirim" nilai = "(!LANG:Masuk" / > !} </form> </tubuh> </html>

Seperti yang Anda lihat, di dalam label formulir anda dapat menempatkan tag yang membantu menandai formulir dengan indah (saya menempatkan tabel di dalamnya). Formulir berisi bidang nama pengguna dan kata sandi masing-masing bernama login dan pass. Mengklik "Login" menghasilkan permintaan GET untuk dokumen /auth.php (yaitu, permintaan halaman itu sendiri). Dalam kasus saya, URL lengkap halaman terlihat seperti http://test-domain3/auth.php.

Masukkan detail Anda dan klik "Masuk". Halaman harus dimuat ulang. Alamat halaman juga harus berubah. Dalam kasus saya, itu berbentuk:

http://test-domain3/auth.php?login=Joker-jar&pass=12345

Artinya dokumen auth.php diminta dengan parameter GET yang dimasukkan menggunakan form HTML. Tempatkan di awal file auth.php sebuah handler PHP yang akan menerima data untuk otorisasi:

//--Periksa apakah data sudah ditransfer if ( isset ($_GET [ "login" ] ) && isset ($_GET [ "pass" ] ) ) ( echo "Nama pengguna Anda: ". $_GET [ "masuk"] . ", kata sandi Anda: " . $_GET[ "lulus"] ; KELUAR; ) ?>

Jika nama pengguna dan kata sandi diteruskan ke halaman, kondisi akan dipicu dan pesan akan ditampilkan. juga akan dipanggil KELUAR, yang akan menghentikan eksekusi skrip lebih lanjut, oleh karena itu formulir tidak akan ditampilkan.

Melewati kata sandi dengan permintaan GET tidak aman, karena terlihat di bilah alamat. Ubah jenis permintaan menjadi POST. Untuk melakukan ini, mari ubah nilai atribut metode, dan di handler PHP untuk mengakses array $_GET, ubah ke $_POST. Periksa apakah skrip berfungsi.

Elemen selanjutnya adalah kotak centang. Ini digunakan ketika jawaban ya / tidak diperlukan dari pengguna:

<inputtype="kotak centang" />

Jika kotak centang tidak dicentang, tidak ada yang dilewatkan dalam parameter. Jika tidak, parameter nama diteruskan dengan nilai pada. Ada satu hal lagi. Sebagai aturan, ada tulisan penjelasan di sebelah bendera. Ini adalah praktik yang baik bagi webmaster untuk menerapkan respons kotak centang pada klik pada teks ini. Ini dilakukan secara sederhana. Kotak centang diberi id tertentu, dan prasasti itu sendiri dihiasi dengan tag label dengan atribut untuk, yang nilainya sama dengan ID kotak centang:

<input type="kotak centang" id="ingat" nama="ingat" /> <label untuk="ingat"> Untuk mengingatku</label>

Elemen serupa digunakan untuk memilih jawaban dari sekumpulan nilai. Katakanlah pengguna harus memilih salah satu dari tiga warna:

<jenis input = "radio" id = "merah" nama = "warna" nilai = "(!LANG:merah" / > !} <label untuk="merah"> Merah</label> <br/> <jenis input = "radio" id = "hijau" nama = "warna" nilai = "(!LANG:hijau" / > !} <label untuk="hijau"> Hijau</label> <br/> <jenis input = "radio" id = "biru" nama = "warna" nilai = "(!LANG:biru" / > !} <label untuk="biru"> Biru</label> <br/>

Perhatikan bahwa semua elemen nilai yang sama nama. Hanya satu nilai yang dapat dipilih. Nilai elemen yang dipilih akan diteruskan ke parameter HTTP, misalnya warna = biru.

Agar salah satu elemen yang akan dipilih awalnya, misalnya yang pertama, perlu mengatur atribut diperiksa dengan makna diperiksa(standar XHTML):

<jenis input = "radio" id = "merah" nama = "warna" nilai = "(!LANG:merah" checked = "checked" / > !}

Ada elemen khusus untuk memasukkan teks multiline besar area teks:

<textarea rows="6" cols="20" name="text"> Teks di dalam elemen</textarea>

Teks di dalam elemen

Elemen ini, seperti yang Anda lihat, berbeda dari yang sebelumnya. Dia adalah tag pasangan, dan teks tidak ditempatkan di atribut, tetapi di badan tag. Elemen juga memiliki atribut nama. Dengan atribut baris anda dapat mengatur jumlah baris dalam elemen, cols- jumlah karakter dalam string. Elemen textarea digunakan, sebagai aturan, dalam bentuk POST. melibatkan memasukkan teks panjang (misalnya, formulir posting forum).

Daftar tarik-turun. Anda pasti pernah menemukan elemen seperti itu dalam program. Memungkinkan Anda memilih satu nilai dari satu set. Kode elemen juga tidak biasa. Pertama, elemen wadah dibuat Pilih, itu diberi atribut nama:

<pilih nama="kota"> </pilih>

Daftar item ditempatkan di dalam wadah. Item daftar adalah tag pasangan pilihan, setiap elemen diberi atribut nilai. Di badan unsur, tulisan unsur tertulis:

<pilih nama="kota"> <nilai opsi = "(!LANG:msk" > !} Moskow</pilihan> <nilai opsi = "(!LANG:vlad" > !} Vladivostok</pilihan> <nilai opsi = "(!LANG:nsk" > !} Novosibirsk</pilihan> </pilih>

Permintaan HTTP melewati parameter dengan nama nama dan nilai nilai elemen yang dipilih, misalnya kota=vlad. Secara default, elemen pertama dari daftar dipilih, jika Anda ingin elemen lain dipilih, atur atributnya terpilih dengan makna terpilih:

<nilai opsi = "(!LANG:vlad" selected = "selected" > !} Vladivostok</pilihan>

Daftar nilai. Jika elemen pilih diberikan atribut ukuran dengan nilai numerik, dropdown akan berubah menjadi daftar nilai. Dalam hal ini, nilai atribut size akan menentukan ukuran vertikal elemen:

<pilih nama="kota" ukuran="3"> <nilai opsi = "(!LANG:msk" > !} Moskow</pilihan> <nilai opsi = "(!LANG:vlad" > !} Vladivostok</pilihan> <nilai opsi = "(!LANG:nsk" > !} Novosibirsk</pilihan> </pilih>

Moskow Vladivostok Novosibirsk

Jika elemen pilih diberikan atribut banyak dengan makna banyak(Standar XHTML), maka dimungkinkan untuk memilih lebih dari satu elemen secara bersamaan (misalnya, memegang tombol Ctrl). Dalam hal ini, semua elemen yang dipilih dengan nama yang sama akan diteruskan dalam permintaan HTTP, misalnya: town=msk&town=vlad&town=nsk.

Terkadang perlu untuk memberikan parameter dalam permintaan HTTP yang tidak boleh diedit oleh pengguna, dan terkadang bahkan dilihat. Katakanlah Anda menerapkan formulir pengeditan berita. Dalam permintaan HTTP, Anda harus melewati ID berita ini. Untuk kasus seperti ini, ada elemen form HTML yang tersembunyi:

<jenis input="tersembunyi" nama="param" nilai="" />

Elemen ini tidak akan terlihat pada formulir, tetapi parameter HTTP name=value akan diteruskan saat permintaan dibuat.

Terkadang elemen yang membersihkan formulir bisa berguna. Tombol, ketika diklik, semua data yang dimasukkan oleh pengguna pada formulir dihapus:

<tipe input = "reset" nilai = "(!LANG:Reset" / > !}

Elemen yang terdaftar memiliki dua atribut khusus:

readonly="readonly" - melarang perubahan informasi dalam elemen (mode "readonly");
disable="disabled" - membuat elemen tidak aktif.

Ada juga elemen untuk memilih file yang akan diunggah ke server web saat mengirimkan formulir, tetapi lebih dari itu, mungkin, dalam artikel terpisah.

Formulir login dapat ditemukan di situs web dengan forum, toko, WordPress, dan sebagian besar semua yang ada di internet memerlukan formulir login di suatu tempat untuk mendapatkan akses ke sesuatu. Seluruh web tidak lengkap tanpa formulir login dan pendaftaran, formulir pendaftaran.

Bentuk HTML akan menjadi yang pertama yang sebagian besar dari kita temui dan dengan CSS yang tepat yang memberikan gaya pada struktur HTML. Dalam versi HTML terbaru, saya kira HTML tampaknya telah memilih CSS3 sebagai opsi gaya struktur default mereka. Bagaimanapun apa yang Anda temukan di sini adalah HTML pra-desain, formulir CSS yang dibuat oleh pengembang front-end dan dibagikan kepada publik secara gratis untuk digunakan.

Cobalah untuk menggunakan semua templat formulir masuk gratis ini karena kebanyakan dari mereka juga memiliki fitur validasi HTML bawaan serta beberapa validasi jQuery atau HTML (seperti formulir Masuk/Daftar dengan pengukur lulus di bawah).

Daftar ini belum berakhir, saya tertarik untuk menemukan desain form login baru jadi saya akan terus memperbarui daftar ini dengan template form login baru ketika mereka muncul di tahun 2017. Nantikan.

Formulir Masuk Merah

Formulir login sederhana dan efektif untuk situs web Anda yang memerlukan kolom input dasar dan tanpa pemrograman tambahan.

Desain formulir masuk datar yang dirancang untuk situs web Anda yang sudah datar. Unduh dan gunakan templat ini untuk tujuan apa pun.

Perlu masuk cepat untuk klien Anda? Jangan khawatir, formulir login yang tampak cantik ini akan membantu Anda tanpa kerepotan. Unduh kode sumber dan periksa demo karena Anda dapat memasukkan contoh nama pengguna dan kata sandi di bidang dan coba masuk. Anda akan dibawa ke halaman profil yang sama yang terlihat megah dengan tombol logout yang menunjukkan animasi logout.

Dengan desain material google yang semakin populer di atas desain datar, kita dapat melihat formulir login dan formulir pendaftaran dalam template css3 ini.

Di sini Anda mendapatkan formulir login brilian lainnya untuk situs web bisnis Anda dengan opsi untuk menyembunyikan/menampilkan bidang login. Desain css/html/js yang dikodekan dengan baik akan memberi Anda pemuatan yang lebih baik tanpa merusak kecepatan situs Anda saat ini.

Formulir Login Minimal dengan animasi yang mengalir

Animasi halus dari formulir login yang membuka bagian login dengan mengklik gambar atau tombol sesuai kebutuhan.

Formulir Login Minimalis dengan css

Di sini Anda akan menemukan ui formulir masuk yang tidak mewah yang ditempatkan pada latar belakang layar penuh. Itu Unduh berkas akan memberi Anda css dan html untuk memudahkan implementasi login ini ke situs web Anda.

Formulir Masuk Animasi

Animasi klik yang ditampilkan pada bidang teks sangat brilian yang menampilkan animasi geser kecil dari ikon pengguna dan kata sandi. Anda kemudian dapat masuk ke formulir untuk menonton pra pemuat autentikasi serta blok selamat datang kembali. Unduhan ini berisi semua file sumber untuk menerapkan formulir masuk untuk situs web Anda sendiri.

Login Elegan

Ini adalah versi sederhana dari formulir login yang dapat Anda tampilkan di situs web Anda karena ini juga memiliki dampak yang lebih kecil pada kecepatan situs dengan kode minimal.

Layar Masuk Tenang

Formulir login yang bersih dengan latar belakang animasi memberikan nuansa santai ke seluruh halaman. Unduh seluruh template dalam format zip dari codepen.

Formulir Masuk dan Daftar

Integrasikan formulir masuk dan pendaftaran yang lancar ini ke situs web Anda dengan mudah. File zip dengan unduhan ini akan memberi Anda templat css, html, dan js. Pendaftaran media sosial juga tersedia dengan opsi tampilkan/sembunyikan kata sandi untuk entri kata sandi yang mudah di layar.

Formulir Masuk dengan Buat Akun

Formulir login yang ditampilkan dengan efek fadein hanya lucu untuk ditonton. Efek ini hanya dapat dilihat di beberapa formulir login modern. Gunakan klik saya untuk mengubah formulir untuk mendaftar atau membuat formulir.

Formulir login gaya minimal dengan desain datar dapat diunduh dari tautan di bawah ini. Validasi HTML tersedia dan diatur dalam template login ini.

Unduh

Templat Formulir Minimal untuk Login

Validasi untuk email ada di tempat dan template ini murni css, html tanpa modul jquery mewah.

Unduh

Formulir Pendaftaran/Login

Formulir tunggal untuk masuk ke situs web serta mendaftar, opsi daftar yang dapat dibalik dengan satu klik. Meskipun area pendaftaran kehilangan beberapa bidang penting, ini adalah bentuk yang lebih baik dengan semua fitur canggih.

Unduh

Formulir login ini disembunyikan kecuali Anda mengklik link login. Ini adalah fitur yang sangat berguna untuk situs web modern yang dapat menghindari halaman tambahan untuk login. Tampilkan login di halaman mana pun yang Anda suka dengan formulir login yang canggih ini.

Unduh

Ini disediakan baik sebagai PSD dan sebagai versi HTML/CSS yang sepenuhnya dikodekan, sehingga Anda dapat langsung mulai mengintegrasikannya.

Formulir Masuk (berkode)

Formulir login profesional. Unduhan menyertakan file PSD, dan saya juga ingin mengkodekannya, jadi saya menyertakan file xHTML, Js, dan CSS juga.

Unduh

Formulir Masuk Sederhana Putih

Formulir login yang bersih dan sederhana dengan tombol kirim bulat dan status fokus yang elegan.

Cukup Masuk Formulir

Cukup Formulir Login yang ditata dan dirancang murni menggunakan CSS3. Formulir dibuat menggunakan markup yang cukup sederhana dan ditata menggunakan properti CSS3 yang sangat mendasar.

Unduh

kembali

Penggunaan

Pola Penggunaan

wp_login_form(array("echo" => true, "redirect" => site_url($_SERVER["REQUEST_URI"]), "form_id" => "loginform", "label_username" => __("Username"), "label_password " => __("Kata Sandi"), "label_remember" => __("Ingat Saya"), "label_log_in" => __("Login"), "id_username" => "user_login", "id_password" => "user_pass", "id_remember" => "rememberme", "id_submit" => "wp-submit", "remember" => true, "value_username" => NULL, "value_remember" => false)); $args (string/array) Array argumen yang mengontrol hasil.
Default: pengaturan default

argumen parameter $args

gema (logis) Tampilan (1) atau kembali (0).
Standar: 1 mengalihkan (garis) URL yang akan ditransfer setelah otorisasi.
Bawaan: halaman saat ini form_id (garis) atribut tag id

.
Bawaan: "loginform" label_namapengguna (garis) Teks judul bidang "nama pengguna".
Bawaan: "__("Nama Pengguna")" label_sandi (garis) Teks judul bidang "kata sandi".
Bawaan: "__("Kata Sandi")" label_ingat (garis) Teks keterangan untuk bidang "ingat saya".
Default: "__("Ingat Saya")" label_log_in (garis) Kirim teks tombol.
Bawaan: "__("Masuk")" id_namapengguna (garis) nilai atribut id:
Bawaan: "masuk_pengguna" id_password (garis) nilai atribut id:
Bawaan: "user_pass" id_remember (garis) nilai atribut id:
Bawaan: "ingat saya" id_kirim (garis) nilai atribut id:
Bawaan: "wp-kirim" ingat (logis) Ingat nilai bidang (1) atau tidak (0).
Standar: 1 nilai_namapengguna (garis) Nama pengguna bawaan.
Bawaan: "" nilai_ingat (garis) Nilai dari atribut nilai, bidang "ingat saya". Standarnya adalah 1 - kotak centang dicentang. 0 - tidak dicentang.
Standar: 1

Contoh

#satu. Tampilan bentuk normal:

Akan menampilkan:

Gabung

Kata sandi

Untuk mengingatku

#2 Tinggalkan halaman yang sama saat memasukkan login/kata sandi yang salah

Secara default, jika log yang salah dimasukkan ke dalam formulir seperti itu, pengguna akan diarahkan ke halaman dasar otorisasi yang menunjukkan kesalahan.

Untuk mengubah ini dan membiarkan pengguna di halaman yang sama, meskipun mereka memasukkan data yang salah, Anda dapat menggunakan kait wp_login_failed:

## Meninggalkan pengguna di halaman yang sama ketika memasukkan login/kata sandi yang salah dalam formulir login wp_login_form() add_action("wp_login_failed", "my_front_end_login_fail"); function my_front_end_login_fail($username) ( $referrer = $_SERVER["HTTP_REFERER"]; // dari mana permintaan itu berasal // Jika ada perujuk dan ini bukan halaman wp-login.php if(!empty($referrer ) && !strstr($ referrer,"wp-login") && !strstr($referrer,"wp-admin")) ( wp_redirect(add_query_arg("login", "gagal", $referrer)); // redirect dan tambahkan parameter kueri? login= gagal keluar; ) )

Formulir Pendaftaran WordPress #3

Untuk menampilkan formulir pendaftaran, tidak disediakan fungsi khusus. Oleh karena itu, formulir dapat ditampilkan dengan menulis kode HTML Anda sendiri. Berikut adalah contoh kode HTML untuk formulir pendaftaran:

"metode="posting">

Nama belakang

Surel

Konfirmasi pendaftaran akan dikirimkan ke email Anda.

Daftar perubahan

Sejak versi 3.0.0

Diperkenalkan.

Kode formulir masuk wp: wp-include/general-template.php WP 5.2.3

true, // Nilai "redirect" default membawa pengguna kembali ke URI permintaan. "redirect" => (is_ssl() ? "https://" : "http://") . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"], "form_id" => "loginform", "label_username" => __("Nama Pengguna atau Alamat Email"), "label_password" => __("Password"), "label_remember" => __ ("Ingat Saya"), "label_log_in" => __("Log In"), "id_username" => "user_login", "id_password" => "user_pass", "id_remember" => "rememberme", "id_submit" => "wp-submit", "remember" => true, "value_username" => "", // Setel "value_remember" ke true ke default kotak centang "Ingat saya" untuk dicentang. "nilai_ingat" => salah,); /** * Memfilter argumen output formulir login default. * * @sejak 3.0.0 * * @lihat wp_login_form() * * @param array $defaults Array argumen form login default. */ $args = wp_parse_args($args, apply_filters("login_form_defaults", $defaults)); /** * Memfilter konten untuk ditampilkan di bagian atas formulir login. * * Filter mengevaluasi hanya mengikuti elemen tag formulir pembuka. * * @sejak 3.0.0 * * @param string $content Konten untuk ditampilkan. default kosong. * @param array $args Array argumen form login. */ $login_form_top = apply_filters("login_form_top", "", $args); /** * Memfilter konten untuk ditampilkan di tengah formulir login. * * Filter mengevaluasi hanya mengikuti lokasi di mana bidang "login-password" * ditampilkan. * * @sejak 3.0.0 * * @param string $content Konten untuk ditampilkan. default kosong. * @param array $args Array argumen form login. */ $login_form_middle = apply_filters("login_form_middle", "", $args); /** * Memfilter konten untuk ditampilkan di bagian bawah formulir login. * * Filter mengevaluasi tepat sebelum elemen tag formulir penutup. * * @sejak 3.0.0 * * @param string $content Konten untuk ditampilkan. default kosong. * @param array $args Array argumen form login. */ $login_form_bottom = apply_filters("login_form_bottom", "", $args); $bentuk = "

" . $login_form_top ."

" .esc_html($args["label_username"]) . "

" .esc_html($args["label_password"]) . "

" . $login_form_middle . " " . ($args["ingat"] ? "

" .esc_html($args["label_remember"]) . "

" : "") . "

" . $login_form_bottom ."

"; if ($args["echo"]) ( echo $form; ) else ( return $form; ) )