Question

如何将输入字段设置为低于下列特征？

特性：

- 键入字段的文本从左上角开始，并在到达字段的右边界时从另一行开始（换行？）。

- 如果文本超出了可以放入字段的范围，则会出现滚动条。

- 文字采用Courier字体。

提前致谢，

约翰

echo '<form  action="http://www...com/sandbox/comments/comments2.php" method="post"> 
    <input type="hidden" value="'.$_SESSION['loginid'].'" name="uid">
    <input type="hidden" value="'.$submissionid.'" name="submissionid">  
    <input type="hidden" value="'.$submission.'" name="submission">


    <label class="addacomment" for="title">Add a comment:</label>

    <input class="commentsubfield" name="comment" type="comment" id="comment" maxlength="1000">  

    <div class="commentsubbutton"><input name="submit" type="submit" value="Submit"></div> 
</form>
';

一些相关的CSS：

.commentsubfield {margin-left: 30px; margin-top: 30px; width: 390px; height: 90px; border: 1px solid #999999; padding: 5px; }

Answer 1

这可能听起来很简单，但为什么不使用textarea呢？它完全符合您的描述

<textarea></textarea>

textarea

编辑：更好地展示textarea应该是什么样子

<textarea class="commentsubfield" name="comment" id="comment" rows="10" cols="40"></textarea>

值得注意的是，textarea没有maxlength属性，为了限制textarea中你需要使用一些javascript的长度。

Answer 2

如上所述，您应使用textarea代替<input type="text"。

CSS将是

.commentsubfield { font-family：Courier，sans-serif; 溢出：自动; }

样式化输入字段

2 个答案: