Input Teks


Berikut tutorial HTML sederhana tentang cara membuat input teks menggunakan tag <input>:

Buatlah dokumen HTML baru

tambahkan kode berikut ke dalam dokumen HTML yang sudah ada:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Input Teks</title>
</head>
<body>
<h1>Contoh Input Teks</h1>
<form>
    <label for="nama">Nama:</label>
    <input type="text" id="nama" name="nama">
</form>
</body>
</html>

Pada contoh di atas, kami menggunakan tag <input> dengan atribut type="text" untuk membuat input teks. Atribut id digunakan untuk memberi input teks label yang sesuai, dan atribut name adalah nama yang akan digunakan saat mengirim data.

Simpan dokumen HTML tersebut dengan ekstensi .html

Buka di browser Anda. Anda akan melihat sebuah halaman web dengan label "Nama" dan input teks di sampingnya.

Pengguna dapat memasukkan teks ke dalam input tersebut.

Anda dapat mengirimkan data ini ke server atau melakukan berbagai manipulasi dengan JavaScript.

Ini adalah dasar untuk membuat input teks dalam HTML. Anda dapat menyesuaikan lebih lanjut dengan menambahkan atribut lain atau menggunakan CSS untuk mengatur tampilan input teks tersebut.