2016-03-01 204 views
0

不确定为什么我的文本框文本未显示。任何线索?复选框文本不显示[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 !!(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> 

这里有一个画面:enter image description here

编辑:源代码:http://pastebin.com/6Xm75RgS

+0

可以请你添加代码为您的网页,我们不能真正从截图帮助不大。 – Ben

+0

@Ben http://pastebin.com/6Xm75RgS – Dongbae

+0

html似乎对我很好,你有任何CSS或其他代码? – Ben

回答

2

新增<span style="color:#FFF">和它的工作

<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> 

OR只是在<td>

添加
<td style="color:#FFF"> 
<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> 

结果

enter image description here

1
<input type="checkbox" name="checkboxname" id="id_of_checkbox" value="value"> 
<label for="id_of_checkbox">Text</label> 

这样的复选框也将被选中/取消通过点击标签

0

只需更换下面的代码在你的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> 
1

我什至没有看到代码中的文本框?也许你可以看看你在桌子中间打开的提交<form>。这可能会带来麻烦。

+0

这不是一个答案,请编辑或删除。 – Ben

+0

@Ben这个答案相当重要。没有人提到嵌套

! –

+0

@Mr李斯特显然你比我更有经验,但我认为你只应该发布解决问题的答案,删除嵌套表单并不能解决问题。所以这是一个最好的建议,而不是一个详细的答案,没有代码等,并且应该在评论中做出 – Ben

0

您提供的代码在黑色背景上显示黑色文本。

的文本那里,如果你尝试选择它,但它无视你的color: #ffffff;

,如果你在包装标签标记文本您都能够更好地他们的风格例如

<label>Text</label> 

然后在样式表

label{ 
    color:#fff; 
} 
0

您的复选框已经显示你只是还没有标记他们。使用Label标签来指定每个标签的含义。 例如:

<label>Check_BoxName</label><input type="checkbox" value="Checkbox_val" name="Checkbox_name" />