Macam-Macam Atribut yang Ada pada Form Input Part 4

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 tentang 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 menggunakan tag “<input>” cara menulisnya 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 menggunakan sebuah proses inputan pada PHP. Cara penulisannya yaitu, <input type=”time” >	Chrome, safari, opera
2	Submit	Input type submit berfungsi untuk mengirim sebuah informasi atau data untuk dilakukan pemprosesan, seperti mengirim data registrasi yang akan di input kedalam database Cara penulisannya yaitu, <input type=”submit” >	Chrome, safari, firefox, opera
3	Week	Input type week digunakan untuk memilih minggu dan tahun pada sebuah form Cara penulisannya 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 penulisannya yaitu, <input type=”text” >	Chrome, safari, firefox, opera
5	Search	Merupakan sebuah kolom untuk memasukan sebuah kata untuk dilakukan pencarian Cara penulisannya yaitu, <input type=”search” >	Chrome, safari

Untuk menjalankan pada browser silahkan teman teman simpan script di bawah 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 di bawah 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.

Macam-Macam Atribut yang Ada pada Form Input Part 4

Kategori