複選框文本不顯示[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 !!(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>

這裏有一個畫面：

編輯：源代碼：http://pastebin.com/6Xm75RgS

來源

2016-03-01 Dongbae

可以請你添加代碼爲您的網頁，我們不能真正從截圖幫助不大。 – Ben

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

html似乎對我很好，你有任何CSS或其他代碼？ – Ben

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

結果

來源

2016-03-01 09:44:16

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

這樣的複選框也將被選中/取消通過點擊標籤

來源

2016-03-01 09:45:30 Bart

只需更換下面的代碼在你的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>

來源

2016-03-01 09:46:22

我什至沒有看到代碼中的文本框？也許你可以看看你在桌子中間打開的提交<form>。這可能會帶來麻煩。

來源

2016-03-01 09:47:02 WowThatsLoud

這不是一個答案，請編輯或刪除。 – Ben

@Ben這個答案相當重要。沒有人提到嵌套

@Mr李斯特顯然你比我更有經驗，但我認爲你只應該發佈解決問題的答案，刪除嵌套表單並不能解決問題。所以這是一個最好的建議，而不是一個詳細的答案，沒有代碼等，並且應該在評論中做出 – Ben

您提供的代碼在黑色背景上顯示黑色文本。

的文本那裏，如果你嘗試選擇它，但它無視你的color: #ffffff;

，如果你在包裝標籤標記文本您都能夠更好地他們的風格例如

<label>Text</label>

然後在樣式表

label{ 
    color:#fff; 
}

來源

2016-03-01 09:47:09 Ben

您的複選框已經顯示你只是還沒有標記他們。使用Label標籤來指定每個標籤的含義。例如：

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

來源

2016-03-01 09:55:47 Nnitiwe

複選框文本不顯示[HTML]

回答

相關問題