如何在可编辑文本区域显示内容?

我想在可编辑文本区显示内容，但不可能，它只显示输入文本

<div class="form-group">
<label for="inputAddress2">News Bar</label>
<textarea type="text" class="form-control"  name="title" id="inputAddress2" value="<?php echo $row['title']; ?>" placeholder="Enter your news bar"

这是在字段中放置图标的例子。您可以按照相同的原则使用任何其他元素。

<!DOCTYPE html>
<html>

<head>
<link rel="stylesheet"
href=
"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
.input-icons i {
position: absolute;
}

.input-icons {
width: 100%;
margin-bottom: 10px;
}

.icon {
padding: 10px;
min-width: 40px;
}

.input-field {
width: 100%;
padding: 10px;
text-align: center;
}
</style>
</head>

<body>
<h3>
Icons inside the input element
</h3>
<div style="max-width:400px;margin:auto">
<div class="input-icons">
<i class="fa fa-user icon"></i>
<input class="input-field" type="text">
<i class="fa fa-instagram icon"></i>
<input class="input-field" type="text">
<i class="fa fa-envelope icon"></i>
<input class="input-field" type="text">
<i class="fa fa-youtube icon"></i>
<input class="input-field" type="text">
<i class="fa fa-facebook icon"></i>
<input class="input-field" type="text">
</div>
</div>
</body>

</html>

相关内容

最新更新

热门标签：