Question

我今天完成了我的标记工作，并开始研究代码。所以我们这里是我的标记代码。

<form action="" id='createchar'>
        <div id="wrapper">

            <!-- Main -->
                <section id="main">
                    <header>
                        <h1>Create New Character</h1>
                        <input type="text" style="margin-top: 10px; width: 1000px;" name="username" placeholder="პერსონაჟის სახელი"/>
                        <input type="checkbox" value="1" id="checkboxFourInput" name="male"/>
                        <label for="checkboxFourInput" style="margin-left: 9px;">კაცი</label>
                        <input type="checkbox" value="2" id="checkboxFourInput2" name="female"/>
                        <label for="checkboxFourInput2" style="margin-right: 810px;margin-top: 15px;">ქალი</label>
                        <input type="text" style="margin-top: 10px; width: 1000px;" name="explainmg" placeholder="განმარტეთ METAGAMING-ი"/>
                        <input type="text" style="margin-top: 10px; width: 1000px;" name="explainpg" placeholder="განმარტეთ POWERGAMING-ი"/>
                        <textarea rows="10" cols="10" name="charbio" placeholder="დაწერეთ თქვენი პერსონაჟის ბიოგრაფი" style="margin-top: 10px; width: 1000px;"></textarea>
                    </header>
                </section>

            <!-- Footer -->
                <footer id="footer">
                    <ul class="copyright">
                        <li>&copy; <a href="http://ls-rp.ge">LS-RP.GE</a></li><li>Design</li>
                    </ul>
                </footer>

        </div>
    </form>

我有这个问题。两个复选框都被检查，但我想避免它。我该怎么做？

Answer 1

基本上你应该使用radio：

＆＃13;

<form action="" id='createchar'>
        <div id="wrapper">

            <!-- Main -->
                <section id="main">
                    <header>
                        <h1>Create New Character</h1>
                        <input type="text" style="margin-top: 10px; width: 1000px;" name="username" placeholder="პერსონაჟის სახელი"/>
                        <input type="radio" value="1" id="checkboxFourInput" name="gender" value="male" />
                        <label for="checkboxFourInput" style="margin-left: 9px;">კაცი</label>
                        <input type="radio" value="2" id="checkboxFourInput2" name="gender" value="female"/>
                        <label for="checkboxFourInput2" style="margin-right: 810px;margin-top: 15px;">ქალი</label>
                        <input type="text" style="margin-top: 10px; width: 1000px;" name="explainmg" placeholder="განმარტეთ METAGAMING-ი"/>
                        <input type="text" style="margin-top: 10px; width: 1000px;" name="explainpg" placeholder="განმარტეთ POWERGAMING-ი"/>
                        <textarea rows="10" cols="10" name="charbio" placeholder="დაწერეთ თქვენი პერსონაჟის ბიოგრაფი" style="margin-top: 10px; width: 1000px;"></textarea>
                    </header>
                </section>

            <!-- Footer -->
                <footer id="footer">
                    <ul class="copyright">
                        <li>&copy; <a href="http://ls-rp.ge">LS-RP.GE</a></li><li>Design</li>
                    </ul>
                </footer>

        </div>
    </form>

＆＃13;

请注意，使用radio时，您应该拥有相同的所有相关元素 name属性中的值。

复选框正在检查两个复选框

1 个答案: