Подскажите почему не срабатывает относительный путь для вывода картинки на html странице?
Пытался указывать относительно корня и относительно страницы.

src="/img/panther.jpg"
src="../img/panther.jpg"

Открывается только если картинку в ту же папку помещаю.

src="panther.jpg"

Проект хранится в обычной папке C:\4_develop\img работаю с ним через Visual Studio (Live Server).

(читать всё…)

Как лучше сделать, чтобы при отправке формы требовалось загрузить фото?

(читать всё…)

Вложения

tic-tac-toe.zip (6.3 Кб)

тема на форуме

Допустим, в форме есть поля, обязательные для заполнения, и пара кнопок: Сохранить и Отмена. Как реализовать кнопку «Отмена»?

Можно сделать переход на заданный URL без отправки формы, типа так:

<form action="..." method="post">
Обязательное поле: <input type="text" name="example" required autofocus><br>
<input type="submit" value="Сохранить">
<input type="button" value="Отмена" onclick="document.location.href='...'">
</form>

В принципе, такой прием работает. Но что, если при нажатии «Отмена» нам в любом случае надо выполнить некие действия, то есть надо, чтобы нажатая кнопка определялась на самом сервере? Можно сделать две кнопки submit:

<form action="..." method="post">
Обязательное поле: <input type="text" name="example" required autofocus><br>
<input type="submit" name="save" value="Сохранить">
<input type="submit" name="cancel" value="Отмена">
</form>

Теперь на сервере можно понять, какая из кнопок была нажата:

if ( isset($_POST["cancel"] ){
  // отменяем...
} else {
  // сохраняем...
}

Но тут есть проблема, так как у нас имеется обязательное (атрибут required) поле example. Браузер не даст отправить форму, если пользователь не заполнит это поле. И правильно, когда нажимаем кнопку «Сохранить», поле обязано быть заполнено.

НО! Когда нажимаем кнопку «Отмена», поле может быть пустым, тут-то нам проверка уже не нужна. Но браузер все равно не даст даже нажать отмену, пока не заполним это поле.

Так вот в итоге назрел вопрос: а как это обойти? Как сделать, чтобы при нажатии одной кнопки (Сохранить) была проверка обязательных полей, но при нажатии другой (Отмена) проверка не проводилась?

(читать всё…)

Я узнала что заголовки h1-h6 имеют смысловое значение для поисковой системы.
Можно ли, название сайта которое находится в шапке заключать в тег h1?
Спрашиваю, потому что все мнения расходятся, хотела бы узнать, как правильно.

(читать всё…)

<style type="text/css">

.css-adaptive {
display: block;
max-width: 100%;
height: auto;
}

</style>

<img src="https://programmersforum.ru/kartinka.gif" class="css-adaptive">

(читать всё…)

Сегодня мне потребовалось решить несколько проблем при вёрстке собственной простенькой формы авторизации для моего очередного проекта.

Предо мной стояло всего две задачи:
1 — форма должна быть отцентрирована по горизонтали и по вертикали;
2 — поля ввода логина и пароля должны быть выровнены относительно друг друга, а лейбы с подписями должны «обтекать» эти поля ввода.

При решении первой задачи я нарвался на помесь CSS и использования тегов <table> и <div> …

Как можно реализовать поставленную мною задачу более «правильно» что ли ?

(читать всё…)

на php можно написать, чтобы отображалось время
например:

<?php
echo date("H:i:s");
?>

время обновляется только при обновлении страницы, а можно ли как-нибудь сделать так, чтобы время само изменялось?

(читать всё…)

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

Код HTML:

<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Поиск">
<div class="row">
	<div class="col-4"><span class="list"><i class="fa fa-home"></i>Солнце</span></div>
	<div class="col-4"><span class="list"><i class="fa fa-newspaper-o"></i>Вилка</span></div>
	<div class="col-4"><span class="list"><i class="fa fa-home"></i>Кран</span></div>
	<div class="col-4"><span class="list"><i class="fa fa-home"></i>Соль</span></div>
	<div class="col-4"><span class="list"><i class="fa fa-newspaper-o"></i>Вуйка</span></div>
	<div class="col-4"><span class="list"><i class="fa fa-tags"></i>Аквариум</span></div>
	<div class="col-4"><span class="list"><i class="fa fa-newspaper-o"></i>Велосипед</span></div>
	<div class="col-4"><span class="list"><i class="fa fa-home"></i>Крыло</span></div>
	<div class="col-4"><span class="list"><i class="fa fa-wrench"></i>Кастрюля</span></div>
</div>

Подключена jQuery-3.2.1
Со скриптом у меня проблема — нужна помощь

(читать всё…)

Есть форма с чекбоксами :

<ul>
<li><input type="checkbox" id="ch2_1" name="foors[]" value="1" />
<label for="ch2_1">1 этаж</label></li>
<li><input type="checkbox" id="ch2_2" name="foors[]" value="2" />
<label for="ch2_2">2 этажа</label></li>
<li><input type="checkbox" id="ch2_3" name="foors[]" value="3" />
<label for="ch2_3">3 этажа</label></li>
<li><input type="checkbox" id="ch2_4" name="foors[]" value="4" />
<label for="ch2_4">4 и больше</label></li>
</ul>

И форма отправляет массив с параметрами для обработки.

Мне надо сделать так, чтобы если выбран 4 чекбокс, тогда должно вывести все что больше 4. Как можно это реализовать?

(читать всё…)