Halaman

Thursday, May 12, 2016

Cara Membuat Form Input Biodata Menggunakan HTML5 (Desain Website)

Assalamualaikum.

Pada kesempatan kali ini saya akan coba posting tentang cara membuat form dengan HTML5. Bagi anda yang belum tau dengan HTML5 silahkan browsing dulu di situs lain. =D

Pada tutorial kali ini kita tidak akan menggunakan CSS, jadi hanya inti2nya saja dan sudah pasti tampilannya tidak menarik, jika ingin tampilannya menarik silahkan kreasikan sendiri. =D

Sekarang mari kita mulai, silahkan buka Notepad anda terlebih dahulu, kemudian ketikkan Koding berikut :


 

<! DOCTYPE html>


<head>


<title>Cara Membuat Form Dengan HTML5</title>


</head>


<body>


<!-- Berikut koding untuk membuat Form -->


<form action="proses.php" method="POST" enctype="multipart/form-data"> <!--Awal-->


Nama Lengkap : <input type="text" name="nama" required> <br><br> <!-- attribut <br> berfungsi untuk pindah baris -->


Alamat : <input type="text" name="alamat" required> <br><br>


Jenis Kelamin : <input type="radio" name="jk" value="Laki-Laki" required>Laki-Laki <input type="radio" name="jk" value="Perempuan" required>Perempuan <br><br>


Anak Ke : <input type="number" max="15" min="1" name="anakke" required> <br><br>


Agama : <select name="agama"><option>Islam</option><option>Kristen</option><option>Hindu</option><option>Budha</option></select> <br><br>


Warna Kesukaan Anda : <input type="color" name="warna"> <br><br>


Email : <input type="email" placeholder="emailanda@gmail.com" name="email" required> <br><br>


Password : <input type="password" name="password" required> <br><br>


Foto : <input type="file" name="foto" required> <br><br>


Tentang Anda : <textarea rows="4" cols="20" name="tentang" required></textarea> <br><br>


<input type="submit" name="simpan" value="SIMPAN"><input type="reset" value="RESET">


</form> <!--Akhir-->


</body>


</html>


Jika sudah silahkan simpan dengan nama index.html , kemudian jalankan di browser anda. Kalau di browser saya nih hasilnya :

Form Input HTML5

Untuk Fungsi attribut2 yang telah kita gunakan diatas silahkan anda cari referensinya di situs lain atau coba2 aja sendiri. =D

Pada kesempatan berikutnya saya akan posting cara membuat database dan tabel menggunakan phpmyadmin untuk menyimpan hasil inputan di atas.
di 3 comments:

Tuesday, May 10, 2016

Cara Membuat Desain Form Input Data Barang pada VB.NET

Assalamualaikum.

Sebelumnya saya telah posting tentang cara membuat Project Baru dengan VB.NET, Sekarang kita akan coba bikin form input data barang, silahkan ikuti langkah2 sebagai berikut.

1/ Buatlah sebuah project baru atau lanjutkan project sebelumnya.

vb4

2/ Klik Form1 dan Ganti Text form pada Properties menjadi Input Data Barang, seperti yang dilingkari pada gambar dibawah, maka caption form akan berubah menjadi Input Data Barang.

ganti text form

3/ Setelah itu mari kita mulai melakukan desain form Input Data Barang. masukkan komponen2 berikut ke dalam form Input Data Barang, anda dapat melakukan klik 2 kali untuk setiap komponen yang di butuhkan pada ToolBox, maka komponen2 tersebut akan pindah ke dalam form Input Data Barang. Susunlah komponen2 tersebut agar tertata rapi.

  • 6 Label

Label1 > ganti menjadi > Kode Barang

Label2 > ganti menjadi > Nama Barang

Label3 > ganti menjadi > Jenis Barang

Label4 > ganti menjadi > Satuan Barang

Label5 > ganti menjadi > Harga Beli

Label6 > ganti menjadi > Harga Jual

Cara mengganti Text Label, contoh klik Label1 kemudian pada Properties ganti Text Label1 menjadi Kode Barang.

  • 4 Textbox

TextBox1 letakkan disebelah Label Kode Barang

TextBox2 letakkan disebelah Label Nama Barang

TextBox3 letakkan disebelah Label Harga Beli

TextBox4 letakkan disebelah Label Harga Jual

  • 2 Combobox

Combobox1 letakkan disebelah Label Jenis Barang

Combobox2 letakkan disebelah Label Satuan Barang

  • 4 Button

Ganti Text Button pada properties menjadi seperti berikut

Button1 ganti menjadi SIMPAN

Button2 ganti menjadi PERBAHARUI

Button3 ganti menjadi HAPUS

Button4 ganti menjadi KELUAR

nah, kira2 hasilnya akan seperti gambar dibawah ini.

frminputbarang

sekarang kita sudah berhasil membuat form input data barang, pada posting berikutnya kita akan melakukan pembuatan database dan tabel untuk form input data barang diatas.
di 1 comment:

Cara Membuat Project Baru pada Visual Basic 2010 (VB.NET 2010)

Assalamualaikum.

Kali ini saya akan coba posting cara membuat Project baru pada Visual Basic 2010 (VB.Net 2010).

Langkah pertama buka dulu Aplikasi VB.Net anda. Kalau anda menggunakan Windows 7 bisa seperti gambar berikut :

vb1

Setelah anda memilih Microsoft Visual Basic 2010 Express, maka akan tampil Sebagai berikut : vb2

Untuak membuat sebuah project baru silahkan anda klik pada New Project yang dilingkari dengan warna merah pada gambar di atas. kemudian akan tampil jendela baru seperti gambar berikut :

vb3

Kemudian pilih Windows Forms Application dan ganti nama project, disini saya membuat nama projectnya sebagai (konter), jadi rencananya kita akan membuat program konter nantinya. jika sudah, silahkan anda klik OK dan akan tampil seperti gambar berikut :

vb4

Nah sekarang anda sudah berhasil membuat sebuah project baru dengan Visual Basic 2010, pada postingan berikutnya kita akan coba Cara Membuat Form Input Barang pada Visual Basic 2010.



di No comments:
Subscribe to: Posts (Atom)