为什么“colspan”在我的表中不起作用

我做了一个简单的表格形式here in jsfiddle。为什么“colspan”在我的表中不起作用

我也把我的代码在这里：

<table> 
    <tr> 
     <td class="field_label">name</td> 
     <td>*</td> 
     <td> 
     <input type="text"> 
     </td> 
     <td> 
     <input type="text"> 
     </td> 

     </tr> 

     <tr> 
     <td>email</td> 
     <td>*</td> 
     <td colspan="2"> 
      <input type="text"> 
     </td> 
     </tr> 
</table>

两个问题：

正如你看到的，我用colspan="2"在email输入字段<td>以使文本字段长度一样name占据两列的字段，但它不起作用，为什么？

2.如何设置的输入字段和默认值设为默认值的颜色是灰色的？

来源

2011-12-27 Leem.fin

关于问题1.：保存第二个表格行的输入的列将是2列长（正如您可以看到的，如果您正在显示表格列的边框）;但是，输入字段在每个浏览器中都有默认宽度 - 这意味着输入将显示与上面的输入完全相同的宽度;这就是为什么你可能认为colspan不起作用。

将size属性添加到input标记或width css属性，例如，像这样：

<table> 
<tr> 
    <td class="field_label">name</td> 
    <td>*</td> 
    <td><input type="text"></td> 
    <td><input type="text"></td> 
    </tr><tr> 
    <td>email</td> 
    <td>*</td> 
    <td colspan="2"><input type="text" style="width:99%;" ></td> 
    </tr> 
</table>

至于2.，输入的默认值可以通过使用value属性进行设置：

<input type="text" name="ID" value="101" />

如该示例中所示，也应该使用在至少name属性（为了能够引用来自JavaScript或PHP的输入）;为使html5有效，您应该使用/>关闭标记（因为您没有单独关闭</input>标记）。

更改文字颜色可以通过添加CSS样式来完成;无论是在输入本身，还是通过id或class属性;以下将例如使文本颜色输入浅灰色：

<input type="text" style="color:#CCC;" >

一定要看看如何在一般指定CSS样式（例如inline，或id or class），和how to specify colors with CSS。

来源

2011-12-27 09:54:33 codeling

是this jsfiddle你想做什么？

其实，它的工作却没有得到显示，因为您的宽度不是100%。
要在输入值添加默认的文字，你可以用你输入的value属性，例如：<input type="text" value="Default text">
您可以风格像任何其他元素的输入框，例如：<input type="text" style="color: #FFFFFF; background-color: #C0C0C0;">

来源

2011-12-27 09:55:40 JMax

2.如何在输入栏中设置默认值并将默认值颜色设置为灰色？

<input type="text" value=2> -- for setting default value 
<TD bgcolor=##030303> --- For coloring

来源

2011-12-27 10:00:05

设置style到display:block也将击败colspan属性。

改为将style设置为display:table-cell，或者不要设置display样式。

来源

2016-05-17 20:15:12 toddmo

为什么“colspan”在我的表中不起作用

回答

相关问题