Macam-Macam Atribut yang Ada pada Form Input Part 4

Halo teman teman di kesempatan kali ini saya akan membahas mengenai Macam Macam Atribut yang terdapat di Form Input Part 4, di bahan sebelumnya saya telah membahas mengenai input type button, checkbox, color, time local, email, file, hidden, month, password, radio, range, dan reset.


Di bahan Macam Macam Atribut yang terdapat di Form Input Part 4 kali ini saya akan membahas mengenai input type time, submit, week, text, dan search.



Di bahan sebelumnya saya telah membahas mengenai apa kegunaan dari inputan form tersebut, seperti kita ketahui kegunaan dari form input yakni bagi menunjukan atau memasukan sebuah nilai atau value didalam sebuah form inputan, dan cara bagi memasukan inputan yang ingin kita gunakan haruslah menggunakan tag “<input>” cara menulisnya tag input di HTML yaitu, “<input type=”nama inputan..?”> ”.



Oke teman teman kita seketika saja, berikut Macam Macam Atribut yang terdapat di Form Input Part 4 dan kegunaan dari masing-masing inputan seperti dibawah ini :

































































NoNama Atribut inputKeteranganBrowser
1TimeInput type time berfungsi bagi memasukan waktu, yang nantinya dapat kita input kedalam database dengan menggunakan sebuah proses inputan di PHP.



Cara penulisannya yaitu, <input type=”time” >

Chrome, safari, opera
2SubmitInput type submit berfungsi bagi mengirim sebuah informasi atau data bagi dilakukan pemprosesan, seperti mengirim data registrasi yang akan di input kedalam database



Cara penulisannya yaitu, <input type=”submit” >

Chrome, safari, firefox, opera
3WeekInput type week digunakan bagi memilih minggu dan tahun di sebuah form



Cara penulisannya yaitu, <input type=”week” >

Chrome, safari, opera
4TextInput type text adalah sebuah sebuah textbox yang lazim digunakan bagi 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
5SearchAdalah sebuah sebuah kolom bagi memasukan sebuah kata bagi dilakukan pencarian



Cara penulisannya yaitu, <input type=”search” >

Chrome, safari


Bagi menjalankan di browser silahkan teman teman simpan script di bawah ini dengan nama Macam-Macam Atribut yang terdapat di Form Input Part 4.html



<!doctype html>
<html>
<head>
<meta charset=utf-8>
<title>Macam Macam Atribut yang terdapat di 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>


Apabila telah silahkan teman teman jalankan di browsernya karenanya hasilnya seperti di bawah ini :







Bagaimana teman teman lumayan gampang bukan.



Demikian panduan saya kali ini mengenai Macam-Macam Atribut yang terdapat di Form Input Part 4



Semoga bermanfaat.



Terimakasih.




Sumber https://kursuswebsite.org

Popular posts from this blog

Cara Menghapus Isi Dari Form Input Menggunakan Javascript

Membuat Form Menarik Menggunakan HTML dan CSS