更改HTML文本框佈局

2011-09-29 57 views 0 likes

嗨，我想知道如何將HTML中的文本框更改爲只是一個行而不是一個盒子，因爲我試圖使網頁看起來像一個PDF表單和一個整潔的展望我想將文本框設計更改爲很長的行，以便用戶可以鍵入他的名字或任何字段要求他執行的操作。更改HTML文本框佈局

2011-09-29 JackyBoi

行的集數來一個。 –

你可以用CSS來做到這一點，你不需要JavaScript。 – cdeszaq

使用CSS進行設置。但要小心，改變表單輸入的外觀過於劇烈可能會嚴重破壞用戶的期望。 –

回答

您的意思是將<textarea>顯示爲<input type="text">？

在HTML中，我假定，通過<textarea cols="" rows="1">或通過CSS樣式的width和元件

2011-09-29 12:53:23 Maurice

不是textarea而是用戶輸入文本框 – JackyBoi

對於輸入的單一線的height，我會使用一個<input type="text" />，這實際上是默認type和可以縮寫只是<input />（我假設這些例子中的xhtml）。

2011-09-29 12:55:37 Znarkus

不是xhtml，但是這樣做了... ... blah – JackyBoi

你可能想更具體的選擇，但是這應該做出合理的出發點：

input { 
    border-style: none; 
    border-bottom: solid black 1px; 
}

2011-09-29 13:04:40 Quentin

不知道該怎麼做，但我發現這一點非常有用 – JackyBoi

相關問題