1

Тема: HTML input img

input type='image' src='.....' не вставляє картинку. У той час, як img src='...' вставляє.

Замість картинки - квадрат і "Надіслати".

2

Re: HTML input img

Будь ласка, повний фрагмент коду і назву та версію браузера.
Бо у мене все працює.

Подякували: bebyk, leofun012

3 Востаннє редагувалося Droid 77 (23.09.2022 18:04:26)

Re: HTML input img

Super_Bill написав:

input type='image' src='.....' не вставляє картинку. У той час, як img src='...' вставляє.

Замість картинки - квадрат і "Надіслати".

Зазвичай це виглядає приблизно так:

<img src="img/image.jpg" alt="Image" class="image" />

4

Re: HTML input img

Droid 77 написав:
Super_Bill написав:

input type='image' src='.....' не вставляє картинку. У той час, як img src='...' вставляє.

Замість картинки - квадрат і "Надіслати".

Зазвичай це виглядає приблизно так:

<img src="img/image.jpg" alt="Image" class="image" />

Ні, йдеться про тег, щоб робити кнопки з малюнком.
У прикладі автор бачить круглу зелену кнопку зі стрілкою?

5

Re: HTML input img

<input type="text" /> : користувач вводить текст;
<input type="password" /> : користувач вводить пароль;
<input type="date" /> : користувач вводить дату;
<input type="email" /> : користувач вводить пошту;
<input type="file" /> : користувач вводить файл;
Поки логічно.

<input type="image" /> : користувач вводить що ?;
Що за дурня .. Хто це придумав ? Наведіть мені приклад де це має сенс.

6

Re: HTML input img

Це кнопка з картинкою.

Подякували: leofun011

7

Re: HTML input img

koala написав:

Будь ласка, повний фрагмент коду і назву та версію браузера.
Бо у мене все працює.

Chrome оновлено
Версія 105.0.5195.127 (Офіційне складання) (64-розрядна версія)

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>FormData
</title>
</head>
<body>
  <form action='FormData.php' method='POST' name='Form1'>
    <input type="image" name='ImageButton' scr='C:\\Local Server/home/html.loc/www/Images/Send.png' ></p>
    <!--<p><img src='C:\\Local Server/home/html.loc/www/Images/Send.png' usemap="ImageButton" /></p>-->
  </form>
</body>
</html>

8

Re: HTML input img

leofun01 написав:

<input type="text" /> : користувач вводить текст;
<input type="password" /> : користувач вводить пароль;
<input type="date" /> : користувач вводить дату;
<input type="email" /> : користувач вводить пошту;
<input type="file" /> : користувач вводить файл;
Поки логічно.

<input type="image" /> : користувач вводить що ?;
Що за дурня .. Хто це придумав ? Наведіть мені приклад де це має сенс.

https://www.w3schools.com/tags/tryit.as … type_image

Подякували: leofun011

9

Re: HTML input img

koala написав:

Це кнопка з картинкою.

Це submit з картинкою, і мене дратує те, що в специфікації прописано
type="image" src="img.png" alt="Submit"
а не
type="submit" src="img.png" alt="Submit"

А якщо я хочу на reset повісити зображеня, то як я маю це зробити ?

Дякую, звичайно, та я бачив цей приклад до того як ставити питаня.

10

Re: HTML input img

Super_Bill написав:


    <input type="image" name='ImageButton' scr='C:\\Local Server/home/html.loc/www/Images/Send.png' ></p>
    <!--<p><img src='C:\\Local Server/home/html.loc/www/Images/Send.png' usemap="ImageButton" /></p>-->

Так не можна. Має бути web-сервер і на нього мають йти запити (подібна тема).
Рекомендую WAMP server як найпростіший варіант для початківця.

Подякували: Super_Bill1

11

Re: HTML input img

ну камон, ці специфікації писались теж людьми, щось було актуальним в 90, щось зараз вже перестало (а справді, чому б це?), щось ця специфікація покривала і це вважалось важливим, а зараз навіть не береться до уваги.

Подякували: leofun011

12

Re: HTML input img

leofan01 написав:

Це submit з картинкою, і мене дратує те, що в специфікації прописано
type="image" src="img.png" alt="Submit"
а не
type="submit" src="img.png" alt="Submit"

<input type="Submit" name='ImageButton' scr='C:\\Local Server/home/html.loc/www/Images/Send.png' ></p>

Все одно, картинка не завантажується. Результат: Прямокутник і всередині "Надіслати"

13 Востаннє редагувалося Droid 77 (26.09.2022 09:22:59)

Re: HTML input img

Що за дивна така адреса?

scr='C:\\Local Server/home/html.loc/www/Images/Send.png

Має так працювати?

14

Re: HTML input img

Droid

Створив локальний сервер і в папку поклав малюнок.

15 Востаннє редагувалося Droid 77 (26.09.2022 12:09:45)

Re: HTML input img

Покладіть теку Images з малюнком в теку де знаходиться html в якому вказуєте шлях, і вкажіть шлях до картинки:

scr="Images/Send.png"
Подякували: leofun011

16

Re: HTML input img

Droid

І так пробував. Мимо

17

Re: HTML input img

Super_Bill написав:

Droid

І так пробував. Мимо

Не пробували.
У вас помилки в шляху. Перша з них одинарні лапки ..

18

Re: HTML input img

Droid

Пробував, не знаю, як  PrintSCreen вставити lkz ljrfpe