27

Главная - html - Формы в html

Input - дабавить стили

Пример работы скрипта : «Input - дабавить стили»
Скрипт № 64.8
Cкачать скрипт в архиве «Input - дабавить стили»

Всего скачали 25 раз/а.
В прошлый раз мы убирали обводку у инпута.Но после этого, у нас инпут получается не живой. Т.е. он не реагирует на нажатие.
Для того, чтобы наши все другие инпуты на странице не реагировали - добавим инпуту класс – example.
Добавим стили css Как и в выше приведенной ссылке - уберем обводку - outline
Отступы внутри - padding
Отступы снаружи – margin
Добавим бордюр - border: 1px solid #b0b2b3;
И hover – при наведении
<style>.example { outline: none;
padding: 10px;
margin: 10px;
border: 1px solid #b0b2b3;
}
.example:hover {
border: 1px solid #3c3c3c;
}
</style>
Все остальное отсюда. Php код
<form method="post">
<input type="text" name="text_Input" placeholder="текст внутри Input" > Поле ввода <br>
<input type="submit" name="submit" value="отправить">
</form>
if( $_POST['submit'] ) { $info = strip_tags($_POST['text_Input']);}
if($info){echo ' Результат:. <red>'.$info.'</red> '; }
И получим:
Поле ввода


Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+=
Подписаться
ПОСЛЕДНИЕ КОММЕНТАРИИ
com
Марат : 2019/07/20 - 14:22
Решили все таки, разделить разные поддомены!Что собственно и предусмотрено в новой версии...
подробнее ...