如何在HTML中将Textarea更改为Textbox

时间:2018-09-12 04:15:28

标签: html textbox textarea

我需要将textarea更改为textbox,保留每个字段。这是我的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>

3 个答案:

答案 0 :(得分:0)

<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" size = "30" maxlength="40" 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>

我想这就是你要的

答案 1 :(得分:0)

将“文本区域”更改为“输入”,并为其赋予一个名为“文本”的“类型”属性

所以代替:

<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>

答案 2 :(得分:0)

像这样将type="text"<input type="text" id="transferMess" name="OtherCarRental" value="@modelData["OtherCarRental"].ToString()" class="form-control" placeholder="Any other vehicle rental preferences?" required> 一起使用,不需要结束标记。

{{1}}