文本輸入類型字段不可見在一個特定領域

以下是我的代碼，我已經使用輸入類型=文本和特定領域的文字是不是visible.Please檢查代碼，讓我知道，如果有任何錯誤。文本輸入類型字段不可見在一個特定領域

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

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

來源

2017-05-11 Jasmine Lalani

爲什麼'padding-left：1000px;'？刪除它，然後檢查 – Bhaskar

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

請修改標籤，因爲它更多的CSS，而不是PHP ...編輯：感謝您添加正確的標籤 – OldPadawan

有填充和保證金之間的差異

填充適用於該元件的內部（添加一種「內部邊界」，像一幀，即從邊界推動含量遠）例如：施加到輸入，一個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>

來源

2017-05-11 12:31:50 OldPadawan

，因爲它已經被告知的意見。從你的CSS中刪除padding-left: 1000px;，你應該再次看到文本。填充將文本1000px推到屏幕的右側。這不在輸入字段中，因此不可見。

檢查以下jsfiddle的工作示例

來源

2017-05-11 12:05:13 Deathstorm

'填充將文本向1000px推到左邊' ？或者在右邊也許？ ^^ – OldPadawan

完成，非常感謝。 –

文本框和字段之間的空間太大，我怎樣才能減少空間？ –

，首先要確保你張貼正確的代碼，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; 
}

來源

2017-05-11 12:25:10

文本輸入類型字段不可見在一個特定領域

回答

相關問題