Пробел, покрывающий текст по умолчанию
В моем текстовом поле у меня есть текст по умолчанию в текстовом поле. Однако всякий раз, когда я впервые захожу на страницу, текст по умолчанию покрывается слоем белого цвета. Когда я захожу, чтобы удалить белый слой наверху, он показывает мой текст по умолчанию прямо под ним. Вот мой код, приведенный ниже:
<div class = "form-bottom" style = "margin-top: 30px">
<div class = "form-group{{ $errors->has('feedbacks') ? ' has-error' : '' }}">
<div class = "col-md-8">
<textarea id = "feedbacks" class = "form-control" name = "feedbacks"
placeholder = "Please include a detailed description of your idea and experience"
rows = "10" style = "width: 600px">
</textarea>
@if ($errors->has('feedbacks'))
<span class = "help-block">
<strong>{{ $errors->first('feedbacks') }}</strong>
</span>
@endif
</div>
</div>
Изображение моего текстового поля с белым слоем на нем
Изображение моей текстовой области с выделенным белым слоем
Изображение моего текстового поля после того, как я выделил белую область и удалил ее
Как мы можем знать, что происходит, не видя исходного кода? (Исходный код должен быть включен как текст, прямо в вашем вопросе.) Прочтите Как спросить.
Вероятно, в вашем теге <textarea ...></textarea> есть вкладка.
@ccKep с такими предположениями, вы значительно уменьшаете вероятность того, что OP предоставит какие-либо детали (я не настаиваю и не покровительствую, это просто мое наблюдение, что как только люди начали гадать - внимание OP смещается в сторону этих предположений и сообщества просто трата времени)
@zerkms Это обоснованное предположение, OP использует IDE, которая делает отступы для тегов и, вероятно, помещает </textarea> в следующую строку - здесь больше нечего делать.
@ccKep да, это хорошее предположение, извините :-)
@JenniferZhou Пожалуйста, замените изображение вашего кода вашим реальным кодом (в текстовой форме, как предлагает zerkms) - позже я добавлю ответ на вашу проблему. Это помогает будущим пользователям, у которых есть такая же проблема, найти этот вопрос / ответ.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Как отмечено в комментариях: у вас есть конечный тег </textarea> в новой строке.
Ваша среда IDE делает отступы, используя пробелы или табуляции, которые в случае текстового поля считаются его содержимым.
Изменять
<textarea id = "feedbacks" class = "form-control" name = "feedbacks"
placeholder = "Please include a detailed description of your idea and experience"
rows = "10" style = "width: 600px">
</textarea>
К
<textarea id = "feedbacks" class = "form-control" name = "feedbacks"
placeholder = "Please include a detailed description of your idea and experience"
rows = "10" style = "width: 600px"></textarea>
И все в порядке (обратите внимание на конечный тег </textarea>немедленно после открывающего тега)
Вам также необходимо объяснить, как вы это реализовали. Это не общая проблема, а проблема вашей реализации, поэтому у вас нет выбора, кроме как предоставить более подробную информацию.