Не отображается текст в поле ввода

@IvanSerg · Регистрация: 17.10.2018

Студворк — интернет-сервис помощи студентам

Добрый день. Столкнулся с такой проблемой, скачал шаблон лендинга, загрузил его на хостинг (http://landingtest.fun/),начал его редактировать, в самом конце есть форма для отправки сообщения на почту. Когда пытаюсь ввести информацию в эту форму, то текст вводится, но он прозрачный, не отображается. Хотя если выделить, то текст тебе покажется. Как решить такую проблему? Помогите пожалуйста). С Web программированием я не знаком, только начинаю изучать. Если что то еще нужно будет отправить (CSS или еще что то) обязательно отправлю.

Qwerty_Wasd · 12.01.2019, 14:44

IvanSerg,

Сообщение от IvanSerg

Если что то еще нужно будет отправить (CSS или еще что то) обязательно отправлю

следуя правилам этого форума, это нужно делать сразу. Предоставьте, желающим Вам помочь, код страницы и стили к ней. Дабы можно было воспроизвести проблему.

@IvanSerg · 12.01.2019, 15:51 **[ТС]**

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<footer id="ts-footer">
 
            <h3>⠀⠀⠀⠀⠀⠀⠀⠀⠀</h3>
 
            <div class="ts-title text-center">
                        <h2>Связаться</h2>
                    </div>
 
            <section id="form-contact" class="ts-separate-bg-element" data-bg-image="assets/img/bg-clouds-short.jpg" data-bg-image-opacity=".2" data-bg-color="#e58450">
                <div class="container">
                    <div class="ts-box mb-0 p-5 ts-mt__n-10" data-animate="ts-fadeInUp">
                        <div class="row">
                            <div class="col-md-4">
                                <h3>Контакты</h3>
                                <address>
                                    
                                 
 
                                    <figure>
                                        <div class="font-weight-bold">Email:</div>
                                        <a href="mailto:motivatorannas@gmail.com">motivatorannas@gmail.com</a>
                                    </figure>
                                    <figure>
                                        <div class="font-weight-bold">Телефон:</div>
                                        +7 920 070 01 32
                                    </figure>
                                    <div class="font-weight-bold">Skype:</div>
                                    LifeCoach
                                    <h3></h3>
                                    <figure>
                                        <div class="font-weight-bold">Instagram:</div>
                                        <a href="https://www.instagram.com/_motivator_annaskudina_/" target="_blank">@motivator_annaskudina</a>
                                    </figure>
                                </address>
                                <!--end address-->
                            </div>
                            <!--end col-md-4-->
                            <div class="col-md-8">
                                <h3>Написать письмо</h3>
                                <form id="form-contact" method="post" class="clearfix ts-form ts-form-email ts-inputs__transparent" data-php-path="assets/php/email.php">
                                    <div class="row">
                                        <div class="col-md-6 col-sm-6">
                                            <div class="form-group">
                                                <label for="form-contact-name">Ваше Имя *</label>
                                                <input type="text" class="form-control" id="form-contact-name" name="name" placeholder="Your Name" required>
                                            </div>
                                            <!--end form-group -->
                                        </div>
                                        <!--end col-md-6 col-sm-6 -->
                                        <div class="col-md-6 col-sm-6">
                                            <div class="form-group">
                                                <label for="form-contact-email">Ваш Email *</label>
                                                <input type="email" class="form-control" id="form-contact-email" name="email" placeholder="Your Email" required>
                                            </div>
                                            <!--end form-group -->
                                        </div>
                                        <!--end col-md-6 col-sm-6 -->
                                    </div>
                                    <!--end row -->
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label for="form-contact-message">Ваше Сообщение *</label>
                                                <textarea class="form-control" id="form-contact-message" rows="5" name="message" placeholder="Your Message" required></textarea>
                                            </div>
                                            <!--end form-group -->
                                        </div>
                                        <!--end col-md-12 -->
                                    </div>
                                    <!--end row -->
                                    <div class="form-group clearfix">
                                        <button type="submit" class="btn btn-primary float-right" id="form-contact-submit">Отправить</button>
                                    </div>
                                    <!--end form-group -->
                                    <div class="form-contact-status"></div>
                                </form>
                                <!--end form-contact -->
                            </div>
                        </div>
                        <!--end row-->
                    </div>
                    <!--end ts-box-->
                    <div class="text-center text-white py-4">
                        <small>© 2018 ThemeStarz, All Rights Reserved</small>
                    </div>
                </div>
                <!--end container-->
            </section>
 
        </footer>
        <!--end #footer-->

Вот код футера
Как я понял нужны стили формы .form-control

CSS
1
2
3
4
5
6
.form-control {
    border: 0;
    box-shadow: 0 0 0 .125rem rgba(0, 0, 0, .2);
    border-radius: .125rem;
    padding: .5625rem .75rem;
}

Qwerty_Wasd · 12.01.2019, 16:06

IvanSerg,

Сообщение от IvanSerg

Как я понял нужны стили формы .form-control

поправка - все стили формы. Вы написали

Сообщение от IvanSerg

ввести информацию в эту форму, то текст вводится, но он прозрачный, не отображается

а с помощью стилей что Вы предоставили - эту проблему не воспроизвести.
Проще предоставить весь код файла стилей и HTML страницы\нужного блока. Для Вас же проще - чем больше данных Вы предоставите, тем быстрее и точнее Вы получите ответ.

@IvanSerg · 12.01.2019, 16:29 **[ТС]**

Вот код футера, где и есть блок связи

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<footer id="ts-footer">
 
            <h3>в*Ђв*Ђв*Ђв*Ђв*Ђв*Ђв*Ђв*Ђв*Ђ</h3>
 
            <div class="ts-title text-center">
                        <h2>Связаться</h2>
                    </div>
 
            <section id="form-contact" class="ts-separate-bg-element" data-bg-image="assets/img/bg-clouds-short.jpg" data-bg-image-opacity=".2" data-bg-color="#e58450">
                <div class="container">
                    <div class="ts-box mb-0 p-5 ts-mt__n-10" data-animate="ts-fadeInUp">
                        <div class="row">
                            <div class="col-md-4">
                                <h3>Контакты</h3>
                                <address>
                                    
                                 
 
                                    <figure>
                                        <div class="font-weight-bold">Email:</div>
                                        <a href="mailto:motivatorannas@gmail.com">motivatorannas@gmail.com</a>
                                    </figure>
                                    <figure>
                                        <div class="font-weight-bold">Телефон:</div>
                                        +7 920 070 01 32
                                    </figure>
                                    <div class="font-weight-bold">Skype:</div>
                                    LifeCoach
                                    <h3></h3>
                                    <figure>
                                        <div class="font-weight-bold">Instagram:</div>
                                        <a href="https://www.instagram.com/_motivator_annaskudina_/" target="_blank">@motivator_annaskudina</a>
                                    </figure>
                                </address>
                                <!--end address-->
                            </div>
                            <!--end col-md-4-->
                            <div class="col-md-8">
                                <h3>Написать письмо</h3>
                                <form id="form-contact" method="post" class="clearfix ts-form ts-form-email ts-inputs__transparent" data-php-path="assets/php/email.php">
                                    <div class="row">
                                        <div class="col-md-6 col-sm-6">
                                            <div class="form-group">
                                                <label for="form-contact-name">Ваше Имя *</label>
                                                <input type="text" class="form-control" id="form-contact-name" name="name" placeholder="Your Name" required>
                                            </div>
                                            <!--end form-group -->
                                        </div>
                                        <!--end col-md-6 col-sm-6 -->
                                        <div class="col-md-6 col-sm-6">
                                            <div class="form-group">
                                                <label for="form-contact-email">Ваш Email *</label>
                                                <input type="email" class="form-control" id="form-contact-email" name="email" placeholder="Your Email" required>
                                            </div>
                                            <!--end form-group -->
                                        </div>
                                        <!--end col-md-6 col-sm-6 -->
                                    </div>
                                    <!--end row -->
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label for="form-contact-message">Ваше Сообщение *</label>
                                                <textarea class="form-control" id="form-contact-message" rows="5" name="message" placeholder="Your Message" required></textarea>
                                            </div>
                                            <!--end form-group -->
                                        </div>
                                        <!--end col-md-12 -->
                                    </div>
                                    <!--end row -->
                                    <div class="form-group clearfix">
                                        <button type="submit" class="btn btn-primary float-right" id="form-contact-submit">Отправить</button>
                                    </div>
                                    <!--end form-group -->
                                    <div class="form-contact-status"></div>
                                </form>
                                <!--end form-contact -->
                            </div>
                        </div>
                        <!--end row-->
                    </div>
                    <!--end ts-box-->
                    <div class="text-center text-white py-4">
                        <small>© 2018 ThemeStarz, All Rights Reserved</small>
                    </div>
                </div>
                <!--end container-->
            </section>
 
        </footer>
        <!--end #footer-->

@IvanSerg · 12.01.2019, 16:31 **[ТС]**

Вот все стили

Qwerty_Wasd · 12.01.2019, 16:45

Найдите вот такой кусок в файле стилей

CSS
1
2
3
4
5
6
7
8
9
10
.ts-inputs__transparent input, .ts-inputs__transparent textarea {
    background-color: transparent;
    color: #fff;
}
 
.ts-inputs__transparent input:active, .ts-inputs__transparent input:focus,
.ts-inputs__transparent textarea:active, .ts-inputs__transparent textarea:focus {
    background-color: transparent;
    color: #fff;
}

И удалите его.

Добавлено через 1 минуту
И не забудьте сбросить кеш у страницы при просмотре - CTRL+F5

@IvanSerg · 12.01.2019, 22:15 **[ТС]**

Не ну просто маг, спасибо)

Qwerty_Wasd · 13.01.2019, 05:00

IvanSerg, не за что

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@IvanSerg 0 / 0 / 0 Регистрация: 17.10.2018 Сообщений: 26

	Не отображается текст в поле ввода 12.01.2019, 14:34. Показов 6168. Ответов 8 Метки нет (Все метки) Добрый день. Столкнулся с такой проблемой, скачал шаблон лендинга, загрузил его на хостинг (http://landingtest.fun/),начал его редактировать, в самом конце есть форма для отправки сообщения на почту. Когда пытаюсь ввести информацию в эту форму, то текст вводится, но он прозрачный, не отображается. Хотя если выделить, то текст тебе покажется. Как решить такую проблему? Помогите пожалуйста). С Web программированием я не знаком, только начинаю изучать. Если что то еще нужно будет отправить (CSS или еще что то) обязательно отправлю. 0

@IvanSerg 0 / 0 / 0 Регистрация: 17.10.2018 Сообщений: 26
	12.01.2019, 22:15 [ТС]
	Не ну просто маг, спасибо) 0

Qwerty_Wasd 2151 / 1496 / 651 Регистрация: 16.04.2016 Сообщений: 3,696
	13.01.2019, 05:00
	IvanSerg, не за что 0

Не отображается текст в поле ввода

Решение