web-dev-qa-db-ja.com

<Input type = "textarea" />に複数の行があります

<input type="textarea" />で複数の行を取得するのに問題があります。

このような通常の<textarea></textarea>で行うように、htmlにプロパティを追加してみました：<input type="textarea" rows="x" cols="x" />

私もCSSでそれをやろうとしましたが、うまくいきませんでした。インターネット上で解決策を検索しましたが、正確な問題に関するトピックがどこにも見つからないようです。

私がこれを経験しているテキストエリアは、このウェブサイトにあります： Vilduhelst

「Lav dit eget dilemma」ボタンを押すと、それらが表示されます。

HTMLまたはCSSソリューションを探しています。

inputtextarearowslines
59
Jonas Pedersen

<textarea>タグを使用しないのはなぜですか？

​<textarea id="txtArea" rows="10" cols="70"></textarea>
64
Vinod Vishwanath

<input>はrows属性を無視しますが、<textarea>は<form>タグ内にある必要はありませんが、フォームのidを参照することでフォームの一部にすることができます。

<form method="get" id="testformid">
    <input type="submit" />
</form> 
<textarea form ="testformid" name="taname" id="taid" cols="35" wrap="soft"></textarea>

もちろん、<textarea>は[送信]ボタンの下に表示されますが、位置を変更する方法が見つかるかもしれません。

30
Adam Luniewski

Sparkyがこの質問に対する多くの回答のコメントで言ったように、NOTのtextarea値typeタグのinput属性。

他の用語では、次のマークアップはnot validです：

<input type="textarea" />

そして、ブラウザはそれをdefaultに置き換えます：

<input type="text" />

複数行のテキスト入力を定義するには、：を使用します

<textarea></textarea>

詳細については、 textarea要素のドキュメント を参照してください。

12
Damien Flament

「input」タグは、rows属性とcols属性をサポートしていません。これが、rowsおよびcols属性を持つtextareaを使用するのが最良の選択肢である理由です。 「名前」属性を追加することもできます。また、さまざまな状況で十分に役立つ有用な「ラップ」属性もあります。

5
Kalin Varbanov