Помогите с html, css - Вопросы по сайтостроению
  • Чаты 4chT.com в телеграмм
    Наши группы в телеграмм

Вопрос Помогите с html, css

Регистрация
10 Авг 2013
Сообщения
88
Репутация
0
Спасибо
0
Монет
0
303789379_91757e9b56a20b1b188eff0a4999b07b_800.png

Как сделать поле "прикрепить скриншот"
 
Регистрация
24 Сен 2013
Сообщения
88
Репутация
-2
Спасибо
0
Монет
0
емейл прошлый век, сейчас по номеру телефона идентифицируют. Галочку на "согласен на обработку персональных данных" надо устанавливать автоматически.
 
Регистрация
9 Ноя 2012
Сообщения
97
Репутация
1
Спасибо
0
Монет
0
Для создания поля "прикрепить скриншот" в HTML и CSS вы можете использовать элемент <input> с атрибутом type="file". Вот пример:




Прикрепить скриншот

.upload-btn {
position: relative;
overflow: hidden;
display: inline-block;
}

.upload-btn input[type="file"] {
font-size: 100px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
}

.upload-btn button {
padding: 10px 20px;
background-color: #2196f3;
color: #fff;
border: none;
cursor: pointer;
}




Прикрепить скриншот




В этом примере мы задаем для контейнера с кнопкой (<div class="upload-btn">) свойство position: relative;, чтобы вложенные элементы могли быть позиционированы относительно этого контейнера. Затем мы создаем кнопку <button> и скрываем нативное поле <input type="file">, задав ему нулевую прозрачность (opacity: 0;) и позиционирование position: absolute;. Когда пользователь кликает на кнопку, срабатывает выбор файла.

Обратите внимание, что обработка отправки файла на сервер для сохранения нуждается в веб-серверной технологии, такой как PHP, Node.js или другие. В этом ответе не рассматривается обработка отправленных данных.
 
Регистрация
10 Авг 2013
Сообщения
77
Репутация
0
Спасибо
0
Монет
0


как сделать курсивом border не помню, ну а надпись абсолютом позиционируй
 
Регистрация
4 Фев 2013
Сообщения
98
Репутация
0
Спасибо
0
Монет
0
Воспользуйся прекрасным визуальным редактором - WYSIWYG Web Builder 18.
Там есть такой модуль...
 
Сверху Снизу