HTML - Form

HTML Code:

<form method="post" action="mailto:youremail@email.com"> Name: <input type="text" size="10" maxlength="40" name="name"> <br /> Password: <input type="password" size="10" maxlength="10" name="password"> </form>

Akan menjadi

Name: Password:

Jangan gunakan fitur password untuk tujuan keamanan.
Password tidak dienkripsi dan tidak aman dengan cara apapun.

HTML Form Email

Sekarang kita akan menambahkan fungsi untuk mengirimkan formulir Anda. Umumnya, tombol harus item terakhir bentuk dan Anda mempunyai atribut name set "Kirim" atau "Kirim". Nama mendefinisikan apa label tombol akan. Berikut adalah daftar atribut penting mengirimkan:

Selain menambahkan tombol kirim, kita harus juga menambahkan tujuan untuk informasi ini dan menentukan bagaimana kita ingin bepergian ke tempat itu. Menambahkan atribut berikut ke <form> Anda akan melakukan hal ini.

* Metode - Kami hanya akan menggunakan fungsi pos metode, yang mengirimkan data tanpa menampilkan informasi apapun kepada pengunjung.
* Tindakan - Menentukan URL untuk mengirim data ke. Kami akan mengirimkan informasi kami ke alamat email palsu.

HTML Code:

<form method="post" action="mailto:youremail@email.com"> Name: <input type="text" size="10" maxlength="40" name="name"> <br /> Password: <input type="password" size="10" maxlength="10" name="password"><br /> <input type="submit" value="Send"> </form>

Akan jadi

Name: Password:

HTML Radio Buttons

Tombol radio adalah bentuk populer interaksi. Anda mungkin telah melihat mereka pada kuis, kuesioner, dan situs web lainnya yang memberikan pengguna sebuah pertanyaan pilihan ganda. Berikut adalah beberapa atribut yang perlu anda ketahui yang berhubungan dengan tombol radio.

* Nilai - menentukan apa yang akan dikirim jika user memilih tombol radio ini. Hanya satu nilai akan dikirim untuk kelompok tertentu tombol radio (lihat nama untuk informasi lebih lanjut).
* Nama - mendefinisikan yang menetapkan tombol radio bahwa itu adalah bagian dari. Di bawah ini kami memiliki 2 kelompok: warna dan ukuran.

HTML Code:

<form method="post" action="mailto:youremail@email.com"> What kind of shirt are you wearing? <br /> Shade: <input type="radio" name="shade" value="dark">Dark <input type="radio" name="shade" value="light">Light <br /> Size: <input type="radio" name="size" value="small">Small <input type="radio" name="size" value="medium">Medium <input type="radio" name="size" value="large">Large <br /> <input type="submit" value="Email Myself"> </form>

Akan jadi

What kind of shirt are you wearing? Shade: Dark Light Size: Small Medium Large

Periksa HTML Boxes

Periksa kotak memungkinkan untuk beberapa item yang akan dipilih untuk kelompok tertentu pilihan. Kotak centang nama dan atribut nilai berperilaku sama seperti tombol radio.

HTML Code:

<form method="post" action="mailto:youremail@email.com"> Select your favorite cartoon characters. <input type="checkbox" name="toon" value="Goofy">Goofy <input type="checkbox" name="toon" value="Donald">Donald <input type="checkbox" name="toon" value="Bugs">Bugs Bunny <input type="checkbox" name="toon" value="Scoob">Scooby Doo <input type="submit" value="Email Myself"> </form>

Akan jadi

Select your favorite cartoon characters. Goofy Donald Bugs Bunny Scooby Doo

HTML Drop Down Daftar

Drop down menues diciptakan dengan <select> dan <option> tag. <select> adalah daftar sendiri dan masing-masing, dan <option> adalah pilihan yang tersedia bagi pengguna.

HTML Code:

<form method="post" action="mailto:youremail@email.com"> College Degree? <select name="degree"> <option>Choose One</option> <option>Some High School</option> <option>High School Degree</option> <option>Some College</option> <option>Bachelor's Degree</option> <option>Doctorate</option> <input type="submit" value="Email Yourself"> </select> </form>

Akan Jadi

College Degree? Choose One Some High School High School Degree Some College Bachelor's Degree Doctorate

HTML Seleksi Formulir

Namun jenis lain bentuk, daftar pilihan yang disorot. Formulir ini akan memposting apa yang user highlight. Pada dasarnya hanya jenis cara lain untuk mendapatkan masukan dari pengguna.

Atribut ukuran memilih berapa banyak pilihan akan ditampilkan sekaligus sebelum perlu untuk bergulir, dan opsi yang dipilih yang menginformasikan kepada browser pilihan untuk memilih secara default.

HTML Code:

<form method="post" action="mailto:youremail@email.com"> Musical Taste <select multiple name="music" size="4"> <option value="emo" selected>Emo</option> <option value="metal/rock" >Metal/Rock</option> <option value="hiphop" >Hip Hop</option> <option value="ska" >Ska</option> <option value="jazz" >Jazz</option> <option value="country" >Country</option> <option value="classical" >Classical</option> <option value="alternative" >Alternative</option> <option value="oldies" >Oldies</option> <option value="techno" >Techno</option> </select> <input type="submit" value="Email Yourself"> </form>

Akan jadi

Musical Taste Emo Metal/Rock Hip Hop Ska Jazz Country Classical Alternative Oldies Techno

Upload HTML Forms

Pertama-tama, untuk benar-benar membuat formulir pemuatan berfungsi dengan benar anda harus tahu bahasa scripting semacam. PHP dan PERL bekerja dengan baik, Javascript juga merupakan pilihan. Kami telah meng-upload seluruh contoh menunjukkan di sini, PHP File Upload. Kode HTML untuk formulir pemuatan tidak berbuat sesuatu lebih dari membuat sebuah antarmuka bagi pengguna untuk melihat dan bekerja dengan.

Sebuah formulir pemuatan terdiri dari tiga bagian dasar. Yang pertama adalah bidang yang tersembunyi. Bidang tersembunyi ini tidak berbuat sesuatu lebih dari batas ukuran file yang dibolehkan diupload kami. Bagian kedua adalah field input itu sendiri. Dalam bidang ini, pengguna memiliki pilihan untuk mengetik lokal lengkap URL dari file atau dia / dia bisa mengklik tombol browse ke direktori setelah jempol melalui direktori. Kode HTML ini secara otomatis ketika kita menempatkan type = "file" atribut dalam tag input.

HTML Code:

<input type="hidden" name="MAX_FILE_SIZE" value="100" /> <input name="file" type="file" />

Akan jadi


HTML Teks Area

Teks area berfungsi sebagai sebuah field input untuk pemirsa untuk menempatkan komentar mereka sendiri ke. Forum dan menggunakan teks yang seperti daerah untuk memposting apa yang Anda ketik ke situs mereka menggunakan script. Untuk bentuk ini, area teks digunakan sebagai cara untuk menulis komentar untuk seseorang.

Baris dan kolom harus ditentukan sebagai atribut untuk tag <textarea>. Baris secara kasar 12pixels tinggi, sama seperti dalam kata program dan nilai dari kolom mencerminkan berapa banyak karakter yang luas area teks akan. yaitu Contoh di bawah ini menunjukkan sebuah area teks 5 baris 20 karakter tinggi dan lebar. Atribut lain yang harus diperhatikan adalah wrap. Bungkus memiliki 3 nilai.

* Wrap =
"off"
"virtual"
"fisik"

Virtual berarti bahwa pemirsa akan melihat kata-kata pembungkus ketika mereka ketik komentar mereka, tetapi ketika halaman tersebut disampaikan kepada Anda, web host, dokumen yang dikirim tidak akan kata-kata membungkus.
Fisik berarti bahwa teks akan muncul baik kepada Anda, web host, dan para penonton termasuk halaman istirahat dan ruang-ruang tambahan yang mungkin inputed. Kata-kata datang sebagai mereka.
Off tentu saja, kata mematikan pembungkus dalam area teks. Satu baris yang berkelanjutan.

HTML Code:

<form method="post" action="mailto:youremail@email.com"> <textarea rows="5" cols="20" wrap="physical" name="comments"> Enter Comments Here </textarea> <input type="submit" value="Email Yourself"> </form>

Akan jadi

Enter Comments Here