Pengenalan Code HTML Search

Pengenalan Code HTML Search . Hai ! Tutorial lalu kita sudah mempelajari tentang Pengenalan Code HTML Quantity , jika anda ingin lebih jelas mengenal HTML anda bisa mengunjungi halaman berikut : https://www.dicloud.id/tutorial/categories/perkenalan-html , disini kita akan mempelajari tentang Pengenalan code HTML Search , berikut penjelasannya :

disini kita akan mempelajari tentang Pengenalan code HTML Search , berikut penjelasannya :

Code HTML Search

Disini saya akan memberikan contoh code HTML untuk menginputkan sebuah Search , berikut contoh nya :

<!DOCTYPE html>
<html>
<head>
	<title>Test</title>
</head>
<body>
<h3><i>What is Lorem Ipsum?</i></h3>
<blockquote>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</blockquote>

<form action="http://www.google.com/">
  Search:
  <input type="search">
  <input type="submit">
</form>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<h3><i>What is Lorem Ipsum?</i></h3>

<blockquote>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</blockquote>

Search:

</form>

</body>

</html>

dan akan menampilkan hasil seperti gambar dibawah ini :

Pengenalan Code HTML Search

Disini kita menemukan elemen yang sama yaitu <input> , elemen ini berfungsi sebagai tools untuk menempatkan sebuah pemilihan Search,quantity,warna,tanggal,radio,kolom,button,atau yang lainnya yang ada di website HTML , sementara <form> digunakan untuk membuat sebuah kotak form untuk menempatkan tools seperti input tersebut.

Jika anda ingin melanjutkan proses searching ini anda bisa menggunakan code PHP untuk tahap pemrosesan ke searching.

Kesimpulan

Jika anda ingin menginputkan search box ke dalam html anda bisa menggunakan elemen input .

Sekian Terima Kasih.

Author: Dicloud Support

Technical Support in dicloud.id

Panduan & Tutorial

Pengenalan Code HTML Search