<label>...</label>


تسمية تُستخدم لتحديد عنوان أو وصف لحقل إدخال في النموذج.

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Inline CSS Input Example</title>

</head>

<body>

<form action="#" method="post" style="max-width: 400px; margin: 20px auto;">

<label for="username" style="display: block; font-weight: bold; margin-bottom: 5px;">

Username:

</label>

<input type="text" id="username" name="username" placeholder="Enter your username" style="width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px;">

</form>

</body>

</html>

Inline CSS Input Example