如何在 Html 中将 Textarea 更改为 Textbox

Question

我需要将文本区域更改为文本框，保留每个字段。这是我的 html 代码：

<div class="row module-show-option">
    <div class="col-md-5 col-sm-12 col-xs-12">
       <div class="form-group">
              <label for="select-name">Other car rental preferences</label>
         <div class="box-group">
             <textarea id="transferMess" name="OtherCarRental" value="@modelData["OtherCarRental"].ToString()" class="form-control" placeholder="Any other vehicle rental preferences?" required>@modelData["OtherCarRental"].ToString()</textarea>
          </div>
        </div>
    </div>
</div>

Answer 1

将 "textarea" 更改为 "input" 并为其指定一个名为 "text" 的 "type" 属性

所以不是：

<textarea

这样做

<input type="text"

并确保结束 </textarea> 标签也更改为结束 </input> 标签。给出的第一个答案忘了做。

像这样：

<div class="row module-show-option">
    <div class="col-md-5 col-sm-12 col-xs-12">
       <div class="form-group">
              <label for="select-name">Other car rental preferences</label>
         <div class="box-group">
             <input type="text" id="transferMess" name="OtherCarRental" value="@modelData["OtherCarRental"].ToString()" class="form-control" placeholder="Any other vehicle rental preferences?" required>@modelData["OtherCarRental"].ToString()</input>
          </div>
        </div>
    </div>
</div>

Answer 2

像这样将 <input> 与 type="text" 一起使用，不需要结束标记。

<input type="text" id="transferMess" name="OtherCarRental" value="@modelData["OtherCarRental"].ToString()" class="form-control" placeholder="Any other vehicle rental preferences?" required>

如何在 Html 中将 Textarea 更改为 Textbox

How to change Textarea to Textbox in Html

html

textbox

textarea