2017-05-11 22 views
0

以下是我的代码,我已经使用输入类型=文本和特定领域的文字是不是visible.Please检查代码,让我知道,如果有任何错误。文本输入类型字段不可见在一个特定领域

.description{ 
width: 75%; 
height: 38px; 
padding-left: 1000px; 
} 

    <tr> 
    <td>Description</td> 
    <td><input type="text" name="Description" class="description"></td> 
</div> 

+3

为什么'padding-left:1000px;'?删除它,然后检查 – Bhaskar

+3

'padding-left:1000px;'??? – OldPadawan

+2

请修改标签,因为它更多的CSS,而不是PHP ...编辑:感谢您添加正确的标签 – OldPadawan

回答

2

填充保证金之间的差异

填充适用于该元件的内部(添加一种“内部边界”,像一帧,即从边界推动含量远) 例如:施加到输入,一个10px的填充将移动从文本边框,并将其放置10px的内部

余量适用于元素的大体位置。

BOX models

请记住,它适用 - >顶/右/下/左

填充10px的25px的0 50px的会做10之上,25日吧,底部为0,左侧为50。

在你的情况,适用于一些填充表中,如果你想拥有的标题是“说明”,并输入一个名为“说明”之间更多的空间:

这里有一个例子,用它玩和适应根据你的需要:)

<style> 

.description { 
width: 75%; 
height: 38px; 
padding: 10px; 
} 

.margin { 
margin: 50px auto; // applies to TOP/BOTTOM (left/right is auto) 
} 

.padding { 
padding: 25px; // applies to Top/Right/Bottom/Left 
} 

</style> 


<div class="margin"> 
<table> 
<tr> 
<td class="padding">Description</td> 
<td class="padding"><input type="text" name="Description" class="description"></td> 
</tr> 
</table> 
</div> 
1

,因为它已经被告知的意见。从你的CSS中删除padding-left: 1000px;,你应该再次看到文本。填充将文本1000px推到屏幕的右侧。这不在输入字段中,因此不可见。

检查以下jsfiddle的工作示例

+1

'填充将文本向1000px推到左边' ?或者在右边也许? ^^ – OldPadawan

+1

完成,非常感谢。 –

+1

文本框和字段之间的空间太大,我怎样才能减少空间? –

1

,首先要确保你张贴正确的代码,bcoz u必须打开<tr>但收盘为</div>,并不会有违约的任何文字,你是提您要输入的输入应该是文本类型。如果您需要默认文本,您可以添加placeholder =“一些描述”,并从左侧开始文本,您应该删除填充左侧: 1000像素;我已编辑您的代码如下所示,

的HTML作为

<tr> 
    <td>Description</td> 
    <td><input type="text" name="Description" class="description"></td> 
    </tr> 

和CSS是,

.description{ 
width: 75%; 
height: 38px; 
} 
相关问题