Artikel Terbaru

3 Contoh Penggunaan Atribut Required pada Elemen HTML

Atribut required pada html merupakan atribut tipe boolean yang digunakan untuk menentukan elemen input mana yang harus diisi terlebih dahulu sebelum field input pada form tersebut di-submit.

Elemen: atribut required berasosiasi dengan tiga elemen yang diperlihatkan sebagai berikut.
  • <input>
  • <select>
  • <textarea>

Sintak:
<input required>

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Atribut Required

</title>

 

<style>

h2 

{

color:green;

font-style:italic;}

 

body 

{

text-align:center;}

</style>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Atribut Required pada Field Input

</h2>

 

<form action="">

 

Username:

<input 

type="text

name="usrname

required>

 

<br>

 

Password:

<input 

type="password"

name="password">

 

<br>

 

<input type="submit">

 

</form>

 

</body>

 

</html>

Output:

Blog Elfan

Atribut Required pada Field Input

Username:
Password:


Sintak:
<select required>

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Atribut Required

</title>

 

<style>

h2 

{

color:green;

font-style:italic;}

 

body 

{

text-align:center;}

</style>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Atribut Required pada Field Select

</h2>

 

<form action="">

 

<select required>

<option value="">

None

</option>

 

<option value="ds">

Data Structure

</option>

 

<option value="algo">

Algorithm

</option>

 

<option value="os">

Operating System

</option>

 

<option value="cn">

Computer Network

</option>

</select>

 

<input type="submit">

 

</form>

 

</body>

 

</html>

Output:

Blog Elfan

Atribut Required pada Field Select

 


Sintak:
<textarea required>

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Atribut Required

</title>

 

<style>

h2 

{

color:green;

font-style:italic;}

 

body 

{

text-align:center;}

</style>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Atribut Required pada Field Textarea

</h2>

 

<form action="">

 

<textarea 

rows="7

cols="50"

name="comment

required>

</textarea>

 

<input type="submit">

 

</form>

 

</body>

 

</html>

Output:

Blog Elfan

Atribut Required pada Field Textarea

 

Komentar

  1. Apa yang dimaksud dengan atribut required pada elemen html?

    BalasHapus
    Balasan
    1. Atribut required merupakan atribut tipe boolean yang digunakan untuk menunjukkan bahwa pengguna harus menentukan nilai untuk input tertentu sebelum form dikirim ke server.

      Hapus
    2. Fungsi atribut required pada elemen html, adalah mewajibkan elemen tersebut untuk diberi nilai terlebih dahulu sebelum dilakukan submit data ke server.

      Hapus
  2. Apa elemen apa saja atribut required dapat digunakan pada elemen html?

    BalasHapus
    Balasan
    1. Atribut required merupakan atribut yang digunakan untuk menentukan bidang input yang wajib diisi sebelm melakukan pengiriman form. Atribut required berfungsi dengan jenis input sebagai berikut: teks, search, url, phone, email, password, date, number, checxbox, radio, dan file.

      Hapus

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D

Hot Artikel!!!

Enkapsulasi pada Java

6 Tahap Utama dalam Melakukan Kompilasi Program Hello World Java

6 Contoh Program Method Overloading pada Java