复选框文本不显示[HTML]_Html

复选框文本不显示[HTML]

html

复选框文本不显示[HTML],html,Html,不确定为什么我的文本框文本没有显示。有线索吗 <div id="orderForm"> <h1> create your own 'za </h1> <form name="pizzaOrderForm" action="http://yoda.cs.uwec.edu/CS268/students/HARDTR/processForm.php" method="post" onsubmit="return !!(valid

不确定为什么我的文本框文本没有显示。有线索吗

<div id="orderForm">
        <h1> create your own 'za </h1>
        <form name="pizzaOrderForm" action="http://yoda.cs.uwec.edu/CS268/students/HARDTR/processForm.php" method="post" onsubmit="return !!(validatePizzaSize() & validateToppings() & validateTextArea())">
            <table id="formTable">
                <tr>
                    <td id="formLabel">Size:</td>
                    <td><select name="size" id="pizzaSize">
                        <option value="">Choose a size</option>
                        <option value="s">Small</option>
                        <option value="m">Medium</option>
                        <option value="l">Large</option>
                        <option value="r">Ryan Sized</option>
                    </select></td>
                </tr>
                <tr>
                    <td id="formLabel">Toppings:</td>
                        <td>
                            <input type="checkbox" name="pepperoni" value="pep">Pepperoni<br>
                            <input type="checkbox" name="sausage" value="sau">Sausage<br>
                            <input type="checkbox" name="onion" value="oni">Onion<br>
                            <input id="jalap" type="checkbox" name="jalapeno" value="jal">Jalapeno<br>
                            <input type="checkbox" name="greenpep" value="gp">Green Pepper<br>
                        </td>
                </tr>
                <tr>
                    <td id="formLabel">Comments:</td>
                    <td>
                    <textarea id="textAreaComment"  name="comments" rows="3" cols="40"></textarea>
                    </td>
                </tr>
                <tr>
                    <td>
                        <form name="submit">
                        <input type="submit" name="submit" value="Place Order"><br>
                    </td>
                    <td>
                    <input type="reset" value="Reset"><br>
                    </td>
                </tr>
            </table>
        </form>
    </div>

这是一张照片：

编辑：源代码：

已添加，并且工作正常

<input  type="checkbox" name="pepperoni" value="pep"><span style="color:#FFF">Pepperoni</span><br>
<input type="checkbox" name="sausage" value="sau"><span style="color:#FFF">Sausage</span><br>
<input type="checkbox" name="onion" value="oni"><span style="color:#FFF">Onion</span><br>
<input id="jalap" type="checkbox" name="jalapeno" value="jal"><span style="color:#FFF">Jalapeno</span><br>
<input type="checkbox" name="greenpep" value="gp"><span style="color:#FFF">Green Pepper</span><br>

结果

他补充说，这是有效的

<input  type="checkbox" name="pepperoni" value="pep"><span style="color:#FFF">Pepperoni</span><br>
<input type="checkbox" name="sausage" value="sau"><span style="color:#FFF">Sausage</span><br>
<input type="checkbox" name="onion" value="oni"><span style="color:#FFF">Onion</span><br>
<input id="jalap" type="checkbox" name="jalapeno" value="jal"><span style="color:#FFF">Jalapeno</span><br>
<input type="checkbox" name="greenpep" value="gp"><span style="color:#FFF">Green Pepper</span><br>

结果

这样，也可以通过单击标签来选中/取消选中复选框

这样，还可以通过单击标签来选中/取消选中复选框

仅替换html中的以下代码

<td>
  <select name="size" id="pizzaSize">
    <option value="">Choose a size</option>
    <option value="s">Small</option>
    <option value="m">Medium</option>
    <option value="l">Large</option>
    <option value="r">Ryan Sized</option>
 </select>
</td>

替换为此代码

 <td style="color:#fff;">
  <select name="size" id="pizzaSize">
    <option value="">Choose a size</option>
    <option value="s">Small</option>
    <option value="m">Medium</option>
    <option value="l">Large</option>
    <option value="r">Ryan Sized</option>
 </select>
</td>

只需在html中替换下面的代码

<td>
  <select name="size" id="pizzaSize">
    <option value="">Choose a size</option>
    <option value="s">Small</option>
    <option value="m">Medium</option>
    <option value="l">Large</option>
    <option value="r">Ryan Sized</option>
 </select>
</td>

替换为此代码

 <td style="color:#fff;">
  <select name="size" id="pizzaSize">
    <option value="">Choose a size</option>
    <option value="s">Small</option>
    <option value="m">Medium</option>
    <option value="l">Large</option>
    <option value="r">Ryan Sized</option>
 </select>
</td>

我甚至没有在代码中看到文本框？也许你可以看看你在桌子中间打开的礼物。这可能会带来麻烦。

我甚至在代码中看不到文本框？也许你可以看看你在桌子中间打开的礼物。这可能会带来麻烦。

您提供的代码会在黑色背景上生成黑色文本

如果您尝试选择该文本，但忽略了您的颜色，则该文本存在：ffffff

如果你将文本包装在标签标签中，你将能够更好地设置它们的样式

<label>Text</label>

您提供的代码将在黑色背景上生成黑色文本

如果您尝试选择该文本，但忽略了您的颜色，则该文本存在：ffffff

如果你将文本包装在标签标签中，你将能够更好地设置它们的样式

<label>Text</label>

您的复选框已经显示，您只是没有标记它们。使用标签标记指定每个标签代表的内容。例如：

选中您的复选框，您只是没有标记它们而已。使用标签标记指定每个标签代表的内容。例如：

Check_-BoxName你能为你的页面添加代码吗？截图对我们帮助不大。@Ben html对我来说似乎很好，你有css或其他代码吗？@Ben-Oh。。。是CSS吗？这是我的CSS代码：仍然可以使用CSS，也许你可以展示示例？你能为你的页面添加代码吗？我们从截图上看帮不了什么忙。@Ben html对我来说似乎很好，你有CSS或其他代码吗？@Ben Oh。。。是CSS吗？这是我的CSS代码：仍然可以使用CSS，也许你可以举个例子？@Ben这个答案非常正确。没有其他人提到嵌套的@李斯特先生，显然你比我更有经验，但我认为你应该只发布解决问题的答案，删除嵌套表单并不能解决问题。因此，这充其量只是一个建议，而不是一个详细的答案，没有代码等等&应该在comments@Ben对,对。也许作为一个评论会更好。@Ben这个答案很中肯。没有其他人提到嵌套的@李斯特先生，显然你比我更有经验，但我认为你应该只发布解决问题的答案，删除嵌套表单并不能解决问题。因此，这充其量只是一个建议，而不是一个详细的答案，没有代码等等&应该在comments@Ben对,对。也许作为一个评论会更好。