Увеличить размер и поменячть цвет input-а

@Dmitriy2840 · Регистрация: 17.09.2015

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

Размещаю кнопку через input в определённом месте экрана, мне необходимо увеличить размер его ширину и высоту. и поменять цвет на жёлтый=)

HTML5
1
2
3
<div class="input" >
             <p><input type="submit"   value="$input1-1"></p> <!-- 0231 -->
                </div>

CSS
1
2
3
4
5
6
.input {
    position: absolute;
    bottom: 622px;
    right: 680px;
         
   }

@maketta · 03.04.2016, 10:44

1. Value, тебе надо чтобы на кнопке была такая надпись, если ты хотел дать ей значение, то надо было делать в атрибуте name="".
И вот если тебе нужно нормальная кнопка для твоего сайта:
HTML:

HTML5
1
2
3
<div class="inputs">
<input type="submit" value="Отправить" name="$input1-1">
</div>

CSS:

CSS
1
2
3
4
5
6
.inputs {
position: absolute;
background-color: yellow;
height: 60px;
width: 80px;
}

@Fedor92 · 03.04.2016, 10:51

Denis Landar, Вы хоть свой код проверяйте перед тем, как выкладывать!

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>example</title>
<style>
input[type="submit"] {
position: absolute;
background: yellow;
height: 60px;
width: 100px;
}
</style>
</head>
<body>
<div class="inputs">
<input type="submit" value="Отправить" name="$input1-1">
</div>
</body>
</html>

@Dmitriy2840 · 03.04.2016, 12:44 **[ТС]**

Да я попробую, но мне не отправить надо $input1-1 это будет переменная, в кнопке должна быть цифра из базы с параметром,это температура или кг. ну если я правильно понимаю то через переменную надо

@maketta · 03.04.2016, 13:58

Но делать все в <style> ради одной кнопки, глупо!

@Fedor92 · 03.04.2016, 14:25

Сообщение от Denis Landar

Но делать все в <style> ради одной кнопки, глупо!

Эт почему же интересно?

@maketta · 03.04.2016, 15:04

Зачем засорять HTML-страницу? Если все это можно сделать в CSS!

@Fedor92 · 03.04.2016, 15:27

Denis Landar, бугага...

Надо сначала научится код писать, чтобы его оптимизировать... К Вашему сведению существует три вида написания css - стилей: встроенный, внутренний и внешний и все они равнозначны... И каких-то суперглобальных ограничений по их использованию не существует... Если Вы не умеете читать код - это Ваша личная проблема, а если ТС такой эстет ему ничего не мешает перенести внутренний стиль во внешний...

@maketta · 03.04.2016, 15:33

Я таки не понял, что вы хотели этим сказать: "Вы хоть свой код проверяйте перед тем, как выкладывать!"?

Добавлено через 3 минуты
Я точно не помню, но те стили которые вписаны в <style>, они имеют большую приоритетность?

@Fedor92 · 03.04.2016, 15:38

Сообщение от Denis Landar

Я таки не понял, что вы хотели этим сказать: "Вы хоть свой код проверяйте перед тем, как выкладывать!"?

Он не рабочий, всмысле написали верно, но не для инпута, а для родительского блока(внимательнее читайте тему)...

Нужна была жёлтая кнопка, а не жёлтый блок - с определёнными размерами... Потусуетесь на форуме немного, начнёте понимать...

Сообщение от Denis Landar

Я точно не помню, но те стили которые вписаны в <style>, они имеют большую приоритетность?

Нет... Это встроенные стили, передаваемый атрибутом, а не тегом style имеют приоритет и то здесь тоже есть свои нюансы...

@maketta · 03.04.2016, 15:48

А, заметил, я указал для блока div

@Fedor92 · 03.04.2016, 15:50

А, заметил, я указал для блока div

Вот поэтому я Вам и отписал внимательнее читайте тему и проверяйте код перед тем, как будете выкладывать... Как минимум сэкономите сообщения, максимум - нервы...

Новые блоги и статьи Все статьи Все блоги /
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .

@Dmitriy2840 0 / 0 / 0 Регистрация: 17.09.2015 Сообщений: 143
	03.04.2016, 12:44 [ТС]
	Да я попробую, но мне не отправить надо $input1-1 это будет переменная, в кнопке должна быть цифра из базы с параметром,это температура или кг. ну если я правильно понимаю то через переменную надо 0

@maketta 16 / 16 / 9 Регистрация: 02.04.2016 Сообщений: 143
	03.04.2016, 13:58
	Но делать все в <style> ради одной кнопки, глупо! 0

@maketta 16 / 16 / 9 Регистрация: 02.04.2016 Сообщений: 143
	03.04.2016, 15:04
	Зачем засорять HTML-страницу? Если все это можно сделать в CSS! 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	03.04.2016, 15:27
	Denis Landar, бугага... Надо сначала научится код писать, чтобы его оптимизировать... К Вашему сведению существует три вида написания css - стилей: встроенный, внутренний и внешний и все они равнозначны... И каких-то суперглобальных ограничений по их использованию не существует... Если Вы не умеете читать код - это Ваша личная проблема, а если ТС такой эстет ему ничего не мешает перенести внутренний стиль во внешний... 0

@maketta 16 / 16 / 9 Регистрация: 02.04.2016 Сообщений: 143
	03.04.2016, 15:33
	Я таки не понял, что вы хотели этим сказать: "Вы хоть свой код проверяйте перед тем, как выкладывать!"? Добавлено через 3 минуты Я точно не помню, но те стили которые вписаны в <style>, они имеют большую приоритетность? 0

@maketta 16 / 16 / 9 Регистрация: 02.04.2016 Сообщений: 143
	03.04.2016, 15:48
	А, заметил, я указал для блока div 0

Увеличить размер и поменячть цвет input-а

Решение