如何使輸入欄的高度依賴於文字

這裏的量是我的輸入欄的HTML：如何使輸入欄的高度依賴於文字

<div class="btn-group"> 
 
    <input type="text" name="caption" class="btn btn-default outline input" autofocus/> 
 
    <input type="submit" value="Submit" name="submit" class="btn btn-default outline"> 
 
</div>

我想讓酒吧增加它的行文本時填寫的，而不是保持一條線並讓它繼續運行。我怎樣才能做到這一點？

謝謝！

編輯：在我的HTML我有這樣的PHP代碼：

if (isset($_POST["submit"])) { 
if (!empty($_POST["caption"]) && !empty($_FILES["photo"]["name"]))

因此我需要的textarea的有id爲「標題」我該怎麼辦呢？

來源

2015-11-08 dngr193

您是否嘗試過探索textarea？但它不會爲你動態地生成更多的行。我不是CSS專家，但我很確定有一些javascript你應該能夠實現它，但這可能是一個矯枉過正的問題。 –

那是什麼？謝謝 – dngr193

http://www.w3schools.com/tags/tag_textarea.asp –

要做一個多行輸入，你需要使用一個textarea元素，但他們沒有能力自動增長他們的擁有。您可以使用類似https://github.com/ultimatedelman/autogrow的東西，雖然它非常易於使用，例如

$('textarea').autogrow();

編輯：，，

檢查，看看如果你使用jQuery已經如果您使用的是HTML5，如果你沒有結束標記之前把這個在你的頁面的底部doctype你可以刪除type =「text/javascript」。

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> 
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
<script src="/path/to/autogrow"></script> 
<script type="text/javascript"> 
$(function() { 
    $('textarea').autogrow(); 
}); 
</script>

如果您已經在某個地方使用jQuery，只要確保其中包含最後一個腳本標記。

編輯2：

https://jsfiddle.net/k1cwaomo/

來源

2015-11-08 03:46:45

你將需要使用jQuery的這個特定的例子，我會添加一些代碼到我的答案。 –

我認爲這是更好地使用

<textarea></textarea>

，而不是，

<input type="text">

可以行=「」屬性添加到標記指定的號碼的行需要展示

<textarea rows="5"></textarea>

來源

2015-11-08 03:20:12 coderpol

我已經解決了這個問題的ID。只寫：

<textarea name="caption"></textarea>

來源

2015-11-09 09:21:27 dngr193

如何使輸入欄的高度依賴於文字

回答

相關問題