ما الخطأ في النموذج ؟

Bader almansouer · 3 أبريل 2022

لدي خطأ في النموذج التالي

<body>
    <h1>subscription</h1>
<form>
<table>
 <tr>
 <td>
<label for="username">user name:</label>
</td>
<td>
<input type="text" id="username" name="username"><br>
<label for="pwd">password:</label>
<input type="submit" vlue="log in">
</form>
  <table>
        <tr>
            <td>
                <label for="username">user name:</label>
                </td>
                <td>
                    <input type="text" id="username" name="username"><br>
                </td>
            </tr>
            <tr>
                <td>
                    <label>register plane</label>
                    <label for="pwd">password:</label>
                </td> 
                <td>
                <input type="password" id="pwd" name="pwd"><br>
                </td>
            </tr> 
            <tr>
                <td>
                    <input type="submit" value="log in">
                </td>
                <div>
            <input type="radio" id="businees" name="plan" vlaue="businees">
            <label for="businees"> businees</label>
            <label for="starter">starter</label>
                </div>
                <div>
                <input type="radio" id="premium" name="plan" vlue="premium">
                <label for="premium">premium</label>

                </div> 
                <td>
                <textarea for="description" name="description"> </textarea>
                </td>
                <tr>
                    <td>
                        <label for="agree">password</lable>
                    </td>
                    <td>
                        <input type="checkbox" id="igree" name="agree">
                        <label for="agree">i agree to  the terms and conditions</lable>
                        </tr> 
                        
                        <tr>

                        <td>
                <input type="submit" value="register">
                        </td>

                        <td>
                            <input type="reset" value="clear">
                        </td>
                    </td>
                </tr>
        </tabel>
    </form>

    </body>

أسامة زيادة · 3 أبريل 2022

لديك عدة أخطاء كتابة الوسوم ، فهي متداخلة في بعضها و أيضاً عدم كتابة وسم الإغلاق لعدّة وسوم ، لذلك حاولت على ترتيبه بشكل أفضل

<body>
    <h1>subscription</h1>
    <form>
        <table>
             <tr>
                <td>
                    <label for="username">user name:</label>
                </td>
                <td>
                    <input type="text" id="username" name="username"><br>
                </td>
                <td>
                    <label for="pwd">password:</label>
                </td>
                <td>
                <input type="password" id="pwd" name="pwd"><br>
                </td>
                <td>
                    <input type="submit" vlue="log in">
                </td>
            </tr>
        </table>
    </form>

    <table>
        <tr>
            <td>
                <label for="username">user name:</label>
            </td>
            <td>
                <input type="text" id="username" name="username"><br>
            </td>
            <td>
                <label for="pwd">password:</label>
            </td>
            <td>
                <input type="password" id="pwd" name="pwd"><br>
            </td>
            <td>
                <input type="submit" vlue="log in">
            </td>
        </tr>
    </table>
        <div>
            <label for="businees"> businees</label>
            <input type="radio" id="businees" name="plan" vlaue="businees">

            <label for="starter">starter</label>
            <input type="radio" id="starter" name="plan" vlaue="starter">

            <label for="premium">premium</label>
            <input type="radio" id="premium" name="plan" vlue="premium">
        </div>
        
        <table>
            <tr>
                <td>
                    <label for="agree">password</lable>
                </td>
                <td>
                    <label for="agree">i agree to  the terms and conditions</lable>
                    <input type="checkbox" id="igree" name="agree">
                </td>
                <td>
                    <input type="submit" value="register">
                </td>
                <td>
                    <input type="reset" value="clear">
                </td>
            </tr>
        </table>
                
    </body>

أرجو منك الانتباه جيداً خلال كتابة الوسوم ومعرفة بداية ونهاية الوسم حتى لالا تداخل الوسوم في بعضها وتظهر لديك الأخطاء

Ahmed.Sayed · 4 أبريل 2022

سأفصل لك الأخطاء مع التصحيح ، مبدئيًا

<input type="text" id="username" name="username"><br>

قمت بوضع هذا المُدخل قبل الـنموذج نفسه ، بالتالي ليس له فائدة ، والأصح أن يكون المُدخل داخل النموذج ونفس الأمر كذلك ينطبق على المُدخلات الموجودة بعد النموذج. فلا يمكنك وضع مُدخل إلا داخل وسم <form> فقط في حالتك.

ثاني نقطة ، وهي بخصوص وسم <form> ، يلزم لوسم الـ form إضافة الaction والـmethod

وهذا الكود كمثال بسيط

<form action="addUser.php" method="post">
  <fieldset>
    <legend>النموذج</legend>
    <input type="text" name="username" id="username">
    <label for="username">اضغط هنا</label>
  </fieldset>
</form>

كذلك في السطر ما قبل الأخير ، قمت بوضع نهاية للوسم form ، بالرغم أنك أغلقته في الأعلى ، بمعنى أنك قمت بإغلاق الوسم form مرتين.

هذه كانت المشاكل الملحوظة في الكود الخاص بك ، يمكنك الإطلاع على موسوعة حسوب ومشاهدة أمثلة ومحتويات الـ HTML للحصول على فائدة ومعرفة أكثر.

موسوعة حسوب - HTML

تم التعديل في 4 أبريل 2022 بواسطة Ahmed.Sayed

Bader almansouer · 4 أبريل 2022

تمنى الامر بشكل ادق

*توضيح

ما الخطأ في النموذج ؟

السؤال

Bader almansouer

3 أجوبة على هذا السؤال

Recommended Posts

أسامة زيادة

Ahmed.Sayed

Bader almansouer

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية