Membuat Daftar Buku Tamu Menggunakan SUBLIME - Populer

                                                            Rabu,17-Oktober-18

Aplikasi Pendukung - Sublime

       Hay Sobat , bertemu lagi dengan di blog saya , kali ini saya akan berbagi pengetahuan bagaimana membuat HTML lewat Sublime. Mari kita simak sama-sama.

Disini saya akan membuat Buku Tamu Lewat Sublime . Codding coddingnya seperti di bawah,

 






Membuat Daftar Buku Tamu Menggunakan Sublime

Pertama kita buat dulu Headernya

Membuat Header <H1> ;

<form action="http://www.cs.tut.fi/cgi-bin/run~jkorpela/echo.cgi"method="post"target="_blank">

<fieldset>

<legend>Buku Tamu</legend>

<br><br><br>

Silahkan masukan data anda:

<br><br>

Membuat Daftar Nama/Formulir Di isi Dengan keahlian bidang masing masing ;

first name: <input type="text" name="firstname">

<br><br>

last name:<input type="text" name="lastname">

<br><br>

<input type="radio" name="gender" value="Laki-Laki" checked> Laki-Laki<br>

<input type="radio" name="gender" value="Perempuan" checked> Perempuan<br>

<br>

<p>Fakultas:</p>

<select name="Fakultas di UNSRI">

<option value="Pilih">Pilih</option>

<option value="Fakultas Kedokteran">Fakultas Kedokteran</option>

<option value="Fakultas Ekonomi">Fakultas Ekonomi</option>

<option value="Fakultas Hukum">Fakultas Hukum</option>

<option value="Fakultas Teknik">Fakultas Teknik</option>

<option value="Fakultas Pertanian">Fakultas Pertanian</option>

<option value="Fakultas Ilmu Komputer">Fakultas Ilmu Komputer</option>

<option value="Fakultas Kesehatan Masyarakat">Fakultas Kesehatan Masyarakat</option>

<option value="Fakultas Kendang Jaepong">Fakultas Kendang Jaepong</option>

<option value="FKIP">FKIP</option>

<option value="FMIPA">FMIPA</option>

<option value="FISIP">FISIP</option>

</select>

Membuat Biografi Tentang Dirinya Masing-masing.

<br><br>

<textarea name="Biografi" rows="10" cols="30" placeholder="Silahkan tulis Biografi anda"></textarea>

<br>

Membuat Mata Kuliah Favorit.

<p>Mata Kuliah Favorit : </p>

<input list="Mata Kuliah" name="Mata Kuliah">

<datalist id="Mata Kuliah" >

<option value="Pemrograman web">

<option value="Algoritma dan Pemrograman">

<option value="Pancasila">

<option value="Pengantar Ekonomi">

<option value="Matematika">

<option value="Basis data">

<option value="Oarkom">

<option value="Pendidikan Kewarganegaraan">

<option value="Bahasa Inggris">

<option value="Agama">

</datalist>

Membuat Kolom Strip Tinggi Badan

<label for="tb">Tinggi Badan </label><br><br>

<input type="range" name="tinggibadan" min="100" max="200" value="150" id="tb" oninput="nilai(value)"> &nbsp;

<output for="tb" id="tinggibadan">200</output>

Membuat script Tinggi Badan

<script>

function nilai (tb){

document.querySelector('#tinggibadan')

.value = tb;

}

</script><br><br>

Membuat Username Dan Password

User Name :<br>

<input type="text" name="username"><br>

User Password:<br>

<input type="Password" name="Password">

Apakah Tamu Membawa Kado ?</p>

<input type="checkbox" name="kado" value="Bawa"> Bawa Kado

<br>

<br>

Semester Yang Di Tempuh

<input type="number" name="Semester" min="1" max="10" value="1">

<br><br>

Bhirtday

<input type="date" name="Tanggal Lahir" placeholder="tgl/bln/thn">

Select Your favorite color

<input type="color" name="favcolor" value="#ff0000">

<br><br>

E-mail

<input type="email" name="email">

<br><br>

<input type="reset">

<br><br>

n <button onclick="myFunction()" > Selesai </button>

<script>

function myFunction(){

alert ("Terima Kasih ! ");

}

</script>

<br><br>

</fieldset>

</form>

</body>

</html>

~Sekian Terima Kasih~