Tag: css

tag Form

Bentuk HTML digunakan untuk mengumpulkan input pengguna.
tag form mendefinisikan bentuk HTML:

<form>
.
form elements
.
</form>

Bentuk HTML mengandung Unsur Bentuk.

Elemen bentuk BERBAGAI JENIS masukan elemen, checkbox, radio Tombol, Tombol mengirimkan, Dan Banyak Lagi.

tag Input

tag Input adalah elemen bentuk yang paling penting.

Input memiliki banyak variasi, tergantung pada jenis atribut.

Berikut adalah jenis-jenis yang digunakan dalam bab ini:

jenis Keterangan
teks Mendefinisikan input teks biasa
radio Mendefinisikan masukan tombol radio (untuk memilih salah satu dari banyak pilihan)
mengirimkan Mendefinisikan sebuah tombol submit (untuk mengirimkan formulir)

-Text Input

input type = “text” mendefinisikan input satu baris untuk input teks:

<form>
First name:<br>
<input type="text" name="firstname">
<br>
Last name:<br>
<input type="text" name="lastname">
</form> 

Maka Hasil nya di browser seperti ini:

Catatan: Bentuk itu sendiri tidak terlihat. Juga mencatat bahwa lebar default kolom teks adalah 20 karakter.

-Radio Button Input
input type=”radio” Tombol radio membiarkan pengguna memilih SATU dari sejumlah pilihan , mendefinisikan tombol radio.:

<form>
<input type="radio" name="sex" value="male" checked>Male
<br>
<input type="radio" name="sex" value="female">Female
</form> 

Maka hasilnya akan seperti ini:

-The Submit Button

input type=”submit” mendefinisikan tombol untuk mengirimkan formulir ke bentuk-handler.

Bentuk-handler biasanya halaman server dengan script untuk memproses input data.

Bentuk-handler yang ditentukan dalam aksi atribut form:

 <form action="action_page.php">
First name:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">
</form> 

Maka hasilnya akan seperti ini:

HTML Table Headings
Tabel Headings didefinisikan dengan tag

<th> </th>

secara default,semua browser menampilkan judul tabel dengan bold dan center.
scriptnya seperti berikut:

<table border="1px" align="center">
    <tr>
        <th>No.</th>
        <th>Nama</th>
        <th>Devisi</th>
    </tr>
    <tr>
        <td>1</td>
        <td>Dedy Setiawan</td>
        <td>Marketing</td>
    </tr>
    <tr>
        <td>2</td>
        <td>Rizki</td>
        <td>Manager IT</td>
    </tr>
    <tr>
        <td>3</td>
        <td>Fadli</td>
        <td>Produksi</td>
    </tr>
</table>

maka hasilnya akan seperti ini: