Halo teman teman pada kesempatan kali ini saya akan membahas tentang Macam Macam Atribut yang ada pada Form Input Part 4, pada materi sebelumnya saya telah membahas tenatang input type button, checkbox, color, time local, email, file, hidden, month, password, radio, range, dan reset.
Pada materi Macam Macam Atribut yang ada pada Form Input Part 4 kali ini saya akan membahas tentang input type time, submit, week, text, dan search.
Pada materi sebelumnya saya telah membahas tentang apa fungsi dari inputan form tersebut, seperti kita ketahui fungsi dari form input adalah untuk menunjukan atau memasukan sebuah nilai atau value didalam sebuah form inputan, dan cara untuk memasukan inputan yang ingin kita gunakan haruslah mengunakan tag “<input>” cara menulisanya tag input pada HTML yaitu, “<input type=”nama inputan..?”> ”.
Oke teman teman kita langsung saja, berikut Macam Macam Atribut yang ada pada Form Input Part 4 dan fungsi dari masing-masing inputan seperti dibawah ini :
| No | Nama Atribut input | Keterangan | Browser |
| 1 | Time | Input type time berfungsi untuk memasukan waktu, yang nantinya bisa kita input kedalam database dengan mengunakan sebuah proses inputan pada php.
Cara penulisanya yaitu, <input type=”time” > |
Chrome, safari, opera |
| 2 | Submit | Input type submit berfungsi untuk mengirim sebuh informasi atau data untuk dilakukan pemprosesan, seperti mengirim data registrasi yang akan di input kedalam database
Cara penulisanya yaitu, <input type=”submit” > |
Chrome, safari, firefox, opera |
| 3 | Week | Input type week digunakan untuk memilih minggu dan tahun pada sebuah form
Cara penulisanya yaitu, <input type=”week” > |
Chrome, safari, opera |
| 4 | Text | Input type text merupakan sebuah textbox yang biasa digunakan untuk menerima inputan berupa text pendek, seperti inputan berupa nama, username, dan inputan lainnya dengan lebar default 20 karakter.
Cara penulisanya yaitu, <input type=”text” > |
Chrome, safari, firefox, opera |
| 5 | Search | Merupakan sebuah kolom untuk memasukan sebuah kata untuk dilakukan pencarian
Cara penulisanya yaitu, <input type=”search” > |
Chrome, safari |
Untuk menjalankan pada browser silahkan teman teman simpan script dibawah ini dengan nama Macam Macam Atribut yang ada pada Form Input Part 4.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Macam Macam Atribut yang ada pada Form Input Part 4</title>
</head>
<body>
<table>
<form action="" method="">
<tr>
<th>1</th>
<th>time</th>
<td><input type="time" value=""></td>
</tr>
<tr>
<th>2</th>
<th>submit</th>
<td><input type="submit" value="Submit"></td>
</tr>
<tr>
<th>3</th>
<th>week</th>
<td><input type="week" value=""></td>
</tr>
<tr>
<th>4</th>
<th>text</th>
<td><input type="text" value=""></td>
</tr>
<tr>
<th>5</th>
<th>search</th>
<td><input type="search" value=""></td>
</tr>
</form>
</table>
</body>
</html>Jika sudah silahkan teman teman jalankan pada browsernya maka hasilnya seperti dibawah ini :
Bagaimana teman teman cukup mudah bukan,
Sekian tutorial saya kali ini mengenai Macam Macam Atribut yang ada pada Form Input Part 4
Semoga bermanfaat
Terimakasih.
The post Macam Macam Atribut yang ada pada Form Input Part 4 appeared first on Kursus Website Terbaik.