如何設置表單框的大小？

Question

我使用這種形式，它的出現，因爲它應該在Dreamweaver中，但當我在網站上使用它，它又大了。該網站通過包含動態內容（php）加載。

<form action="index.php" method="get"> 
     <input type="hidden" name="content" value="home" /> 
     <label>Go to 
      <input style height="20" width="40" type="numeric" name="page" /> 
     </label> 
     <input type="submit" value="Go" /> 
     </form> 

我感謝任何幫助！

Answer 1

添加style="width:Npx; height:Mpx;"需要贊成已棄用的width和heightHTML屬性。

實施例：

<form action="index.php" method="get"> 
    <input type="hidden" name="content" value="home" /> 
    <label>Go to 
     <input style="height:20px; width:40px" type="numeric" name="page" /> 
    </label> 
    <input type="submit" value="Go" /> 
</form> 

Answer 2

或者，使用CSS的width屬性：<form style='width:##px'>的<form>元件被默認顯示爲塊，因此它strecthes遍佈它的父的寬度

Answer 3

雖然其他的答案可能會起作用，理想情況下應該避免內聯樣式標籤。

真的，你應該設置一個CSS樣式表，給input元素一個類，並在樣式表中爲這個類設置樣式。這樣做的好處是，如果你的網站中有比這個更多的表單元素，你可以添加類名，它將以同樣的方式出現（如果你改變了事物的外觀，這一點尤其重要） 。

使用CSS有一條學習曲線，但從長遠來看，它會多次付清。