javascript - HTML ボックスの書式設定

Question

ボタンがクリックされるたびに 2 つの新しい入力フィールドを作成するこの JavaScript コードがあります。下に写真を添付し​​ました。コードは以下にもあります。名前フィールドを大きなボックスの上部に揃えて表示したいのですが、これを行う方法はありますか?

var div = document.createElement("div");
div.innerHTML = "<b>Checkpoint " + markerId + ":</b> <input type='text' id=" + markerId + " placeholder='Checkpoint name'> <textarea rows='5' cols='40' id=" + markerId + "desc> Checkpoint description </textarea> <button type='submit' value='Remove' onClick='remove_checkpoint();' /> <br />";
document.getElementById("divForms").appendChild(div);

ありがとう！

Answer 1

はい。次の方法で実行できます。

CSS で:

textarea {vertical-align: top;}

フィドル: http://jsfiddle.net/praveenscience/xPmY2/

---

または、CSS を使用したくない場合は、次のようにスタイルをインラインで指定します。

<textarea style="vertical-align: top;">Checkpoint description</textarea>

フィドル: http://jsfiddle.net/praveenscience/xPmY2/1/

---

ただし、インライン スタイルは扱いにくいため、CSS バージョンを使用することをお勧めします。

スクリーンショット