ページに複数の入力ボックスがあり、テキストを左上から開始したい。現在、私が以下で使用しているものでは、左に配置されていますが、ボックスの中央にあります。垂直方向の配置などを試しましたが、うまくいきません。テキストを折り返す必要があり、ボックスの上部に飛び出すだけなので、パディングを使用したくありません。
<input style="height:200px;width:800px;font-family:Arial;border:1px solid #a6a6a6;
background-color:#fff9eb;resize:none" wrap="hard"
id="submitsummary" name="submitsummary"
placeholder="1000 character limit..."
maxlength="1000" size="1000" type="text"/>
編集 - 推奨事項に基づいて、テキストエリアに戻しました。HTML にテキストエリア ボックスがあります (フォーム内に表示するように簡略化されています)。
<form id="submitform" name="submitform" action="submit.php" onsubmit="return validateSubmitForm()" method="post">
<textarea style="height:60px;width:600px;font-family:Arial;border:1px solid #a6a6a6;
background-color:#fff9eb;resize:none" wrap="hard" size="200"
placeholder="200 character limit..." maxlength="200"
id="submitsummary" name="submitsumary" type="text"></textarea>
<p id="submitsummaryfail"></p>
<input type="submit" value="Submit" class="btn">
</form>
そして、私がやろうとしているのは検証機能です:
<script>
function validateSubmitForm()
{
var submitsummary=$('#submitsummary').val();
// check that summary isn't blank
if (submitsummary==null || submitsummary=="")
{
$('#submitsummaryfail').html("Summary cannot be blank");
return false;
}
else
{
$('#submitsummaryfail').html("");
return true;
}
}
</script>