在html中輸入佔位符標記

我給出了100％的寬度來輸入框來修復瀏覽器寬度，但是當我添加佔位符時，輸入框將跳出瀏覽器寬度並且水平滾動條即將到來。我不想滾動條發生。任何想法？？在html中輸入佔位符標記

這裏是我的輸入標籤

<input type="tel" tabindex="9" maxlength="12" placeholder="XXX-XXX-XXXX" value="" name="mobileNumber" />

2012-06-15 Sowmya

可以使用box-sizing:border-box屬性this.Write這樣的：

input{ 
    width:100%; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
}

但是它在IE7 &下面不起作用。

2012-06-15 06:54:14 sandeep

使它98％而不是100％。如果將寬度設置爲100％，則表示內容寬度，並且元素佔用的總寬度爲100％加上邊界寬度的兩倍加上填充的兩倍。 98％的價值當然只是一個猜測，但通常足夠好。

還有其他更好的方法。爲了便於使用，可見寬度應該反映期望的正常輸入的寬度，因此應該足以將HTML中的width屬性設置爲合適的數字。（值取決於你期望的數字類型;國際電話號碼可能相當長。）

2012-06-15 07:10:19

使用css3屬性框大小可以重新定義什麼寬度意味着包含外部填充和邊框（而不是邊距）。

input{ 
    width: 100%; 
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
}

不幸的是，因爲它是CSS3，所有IE都不支持該屬性（IE6和IE7不支持）。你可以在這裏閱讀更多關於它的信息：w3schools

2012-06-15 07:20:46 Xella

回答