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

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

رابط هذا التعليق

شارك على الشبكات الإجتماعية

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

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية