يجمع <form> إدخال المستخدم ويرسله إلى خادم. الخصائص الرئيسية هي action (إلى أين يتم الإرسال) و method (كيف يتم الإرسال).
html
Email
Password
Sign up
يجمع <form> إدخال المستخدم ويرسله إلى خادم. الخصائص الرئيسية هي action (إلى أين يتم الإرسال) و method (كيف يتم الإرسال).
Email
Password
Sign up
عندما ينقر المستخدم على زر الإرسال (أو يضغط على Enter)، يجمع المتصفح جميع التحكمات التي لها name، ويشفرها، ويرسل طلبًا إلى action.
<form method="get" action="/search"> <!-- data in the URL: /search?q=html -->
<form method="post" action="/login"> <!-- data in the request body -->
name ضرورية<input value="hi" /> <!-- ❌ no name → NOT submitted -->
<input name="message" value="hi" /> <!-- ✅ submitted as message=hi -->
يتم إرسال التحكمات المسماة فقط. يقرأها الخادم من خلال name.
form.addEventListener("submit", (e) => {
e.preventDefault(); // stop the full-page reload to handle it with fetch/AJAX
const data = new FormData(form); // easy way to read all fields
});
النماذج هي الطريقة الأساسية التي يرسل بها المستخدمون البيانات إلى الخوادم.
فهم دلالات action/method ودور name و GET مقابل POST و preventDefault للتعامل مع JS أمر أساسي في كل تطبيق ويب يحتوي على إدخال.