январь 2021
|
Пн |
Вт |
Ср |
Чт |
Пт |
Сб |
Вс |
|
1
|
2
|
3
|
4
|
5
|
6
|
7
|
8
|
9
|
10
|
11
|
12
|
13
|
14
|
15
|
16
|
17
|
18
|
19
|
20
|
21
|
22
|
23
|
24
|
25
|
26
|
27
|
28
|
29
|
30
|
31
|
|
Ссылки на JavaScript - button.
Объект Кнопка( button) представляет собой кнопку. Для каждого < button> тега в HTML документе, создается объект Кнопка( button). Внутри кнопки( button) элемента HTML вы можете поместить содержимое, как текст или изображения. Это разница между этим элементом и кнопок, созданных с помощью входного элемента.
Для размещения кнопки на страницах сайта Вам надо будет использовать тег < form>:
< form>
< input type="button" value="Нажми" name="button1">
< /form>
Эта всего лишь болванка-шаблон, потому как когда Вы щелкните по кнопке никаких интерактивных действий не произойдет.
Потому что:
--- < form> создает форму, чтобы Вы могли использовать кнопки.
--- < input> позволяет создавать поле ввода.
--- type="button" команда объявляющая, что она кнопка.
--- value="Нажми" текст, который посетители увидят на кнопке.
--- name="button1" дается кнопке имя для использования в скрипте.
Как Вы теперь видите никаких команд для исполнения пока нет. Напишем какую-либо команду на JavaScript с помощью onMouseover команды, хотя бы onClick="window.status='Вы нажали кнопку!'; return true":
< form>
< input type="button" value="Нажми" name="button2" onClick="window.status='Вы нажали кнопку!';
return true">
< /form>
Или Вы можете разрешить посетителям изменит цвет страницы командой document.bgColor='color':
< form>
< input type="button" value="Изменить на желтый!" name="button3" onClick="document.bgcolor='yellow'">
< form>
Процедура оформления кнопки Вам стала понятна. Скажу только, что в настоящее время свойств кнопки намного больше и возможностей куча. Об этом Вы прочитаете чуть ниже.
Кнопка Свойства Объекты
Свойство |
Описание |
disabled |
Задает или возвращает кнопка отключена или нет |
form |
Возвращает ссылку на форму, которая содержит кнопку |
name |
Устанавливает или возвращает значение атрибута name кнопки |
type |
Задает или возвращает тип кнопки |
value |
Устанавливает или возвращает значение value атрибута кнопки |
: Новое в HTML5.
Значение |
Значение |
Описание |
autofocus |
автофокусировки |
Определяет, что кнопка должна автоматически получает фокус при загрузке страницы. Этот булев атрибут позволяет указать, что кнопки должны иметь фокус ввода при загрузке страницы, если пользователь не перекрывает ее, например, введя в различных управления. Есть только одна форма-связанного элемента в документе могут иметь этот атрибут указан.|| |
disabled |
- disabled |
Определяет, что кнопка должна быть отключена. Этот булев атрибут указывает, что пользователь может взаимодействовать с кнопкой. Если этот атрибут не указан, то кнопка имеет такой параметр, содержащий элемент, например, тег < fieldset>; если нет, содержащей элемент с ограниченными возможностями атрибут установлен, то кнопка " включено".|| |
|
form_id |
Определяет одну или несколько форм принадлежит кнопка. Значение атрибута должно быть атрибут id элемента < form>, в том же документе. Если этот атрибут не указан, элемент < button> должен быть потомком элемента form. Этот атрибут позволяет размещать < button> элементы в любом месте документа, а не только как их потомки элемента < form>.|| |
formaction |
URL |
Определяет, куда отправить форму-данные при отправке формы. Только для type="отправить" URI-программа, которая обрабатывает информацию, представленной кнопкой. Если задана, то она перекрывает действие атрибута кнопки форме владельца.|| |
formenctype |
application/x-www-form-urlencoded
multipart/form-data
text/plain |
Определяет, как форма-данные должны быть закодированы, перед отправкой на сервер. Только для type="отправить" Если кнопка submit, этот атрибут указывает тип содержимого, используемый для отправки формы на сервер. Возможные значения: application/x-www-form-urlencoded: значение По умолчанию, если атрибут не указан.
multipart/form-data: Используйте эту опцию, если вы используете элемент < input> с атрибутом type устанавливается на файл. text/plain Если этот атрибут задан, то он переопределяет атрибут enctype кнопки форме владельца.|| |
formmethod |
post |
Определяет, как отправить форму-данных (https метод). Только для type="отправить" Если кнопка submit, то этот атрибут определяет метод https, который использует браузер для отправки формы. Возможные значения: данные из формы включается в тело формы и отправляется на сервер; получить данные из формы добавляется в виде атрибута URI и '?' в качестве разделителя, и в результате URI отправляется на сервер. Используйте этот способ, если форма не имеет побочных эффектов и содержит только символы ASCII.
Если указан этот атрибут переопределяет метод атрибут кнопки форме владельца.|| |
formnovalidate |
formnovalidate |
Указывает, что форма-данные не должны быть проверены на подчинение. Только для type="отправить" Если кнопка submit, этот булев атрибут указывает на то, что форма не проверяются, когда он представляется. Если этот атрибут задан, то он переопределяет novalidate атрибут кнопки форме владельца.|| |
formtarget |
_blank
_self
_parent
_top
framename |
Определяет, где показать ответ после отправки формы. Только для type="отправить" Если кнопка submit, этот атрибут-это название или ключевое слово, указывающее, где показать ответ, полученный после отправки формы. Это имя, или ключевого слова, контекст просмотра( на вкладке окно, или фрейм). Если этот атрибут задан, то он переопределяет атрибуте target кнопки форме владельца. Следующие ключевые слова имеют специальное значение:
_self: ответ в тот же контекст просмотра, как и нынешний. Это значение используется по умолчанию, если атрибут не указан.
_blank: ответ в новый безымянный контекст просмотра.
_parent: ответ в родительский контекст просмотра текущего. Если нет родителя, этот вариант ведет себя точно так же, как _self.
_top: ответ в контекст просмотра верхнего уровня (то есть, контекст просмотра, который является предком нынешнего, и не имеет родителя). Если нет родителя, этот вариант ведет себя точно так же, как _self.|| |
name |
имя |
Определяет имя для кнопки. Название кнопки, которые представлены с данными формы.|| |
type |
кнопка
сброс
представить |
Определяет тип кнопки. Возможные значения: отправить-кнопка отправляет данные формы на сервер. По умолчанию, если атрибут не задан, или если атрибут имеет динамически менять пустой или недопустимое значение; сброс-сброс всех элементов управления, их начальные значения; кнопки-кнопка не поведение по умолчанию. Он может иметь сценарии на стороне клиента, связанного с элементом события, которые активируются, когда события происходят.|| |
value |
текст |
Задает начальное значение для кнопки.|| |
ПОНРАВИЛОСЬ? ПОДЕЛИСЬ с ДРУЗЬЯМИ:
|
добрый вечер!
фотограф Оля Леман свадьбы и торжества. нажмите сюда
|