Как убрать с формы кнопки?

Все элементы формы, размещенной на странице веб-сайта, формируются браузером посетителя на основе HTML-кода, получаемого им с сервера. Команды кода, которые несут информацию о типе и внешнем виде каждого элемента, называются «тегами». При необходимости внести какие-либо изменения в страницу надо редактировать именно их или таблицы с описаниями стилей, относящихся к этим тегам.
Создать сайт самостоятельно с Wix.com

Инструкция

Если у вас есть возможность использовать встроенный в систему управления сайтом редактор страниц, процедура удаления кнопок будет очень проста. Войдите в этот редактор и загрузите в него нужную страницу. Убедитесь, что используется визуальный (WYSIWYG) режим редактирования, выделите ставшую ненужной кнопку формы и кликните на панели управления пиктограмму удаления. Проделайте такую же манипуляцию со всеми кнопками, которые требуется убрать, и сохраните страницу с внесенными в нее изменениями.

Найдите в исходном коде страницы теги, которые формируют кнопки формы, и удалите их «вручную», если возможность редактировать страницу визуальным редактором отсутствует. Каждый HTML-тег начинается с открывающей скобки . Вам нужно искать теги, у которых после открывающей скобки указано название input, а среди атрибутов есть один из этих вариантов: type="submit", type="reset", type="button", type="image". Найденную запись нужно удалить, начиная с открывающей скобки и заканчивая закрывающей.

Существует еще один способ формирования кнопки средствами HTML, который вам тоже надо предусмотреть. В этом языке есть конструкция из двух тегов (открывающего и закрывающего), выводящая на страницу кнопку с надписью (ее текст помещается между этими двумя тегами). Такой набор для отображения кнопки с надписью «Нажми!» может выглядеть, например, так: Нажми!. Вам нужно удалить оба тега и текст - начиная с .

Если все «приговоренные» к удалению кнопки формируются только тегами button, можно не искать соответствующие им теги. В этом случае достаточно добавить в заголовочную часть исходного кода описание стилей, которое запретит отображение всех элементов этого типа. Чтобы использовать такой метод, добавьте перед тегом эту строку: * button {display: none;}.

Можно в описание стилей добавить и запрет отображения кнопок, формируемых тегом input, но не во всех версиях браузеров он будет работать. Для такого варианта приведенный в предыдущем шаге код надо дополнить так:button, input[type="submit"], input[type="button"], input[type="reset"] {display: none;}

Оцените статью!