Атрибут autofocus
Атрибут autofocus в HTML используется для установки фокуса на определенный элемент формы при загрузке страницы. Когда атрибут autofocus присутствует в теге элемента формы, этот элемент автоматически получает фокус, что позволяет пользователям сразу начать вводить данные без необходимости щелкать на поле ввода.
Пример использования атрибута autofocus:
В данном примере, при загрузке страницы, поле ввода с id "name" будет автоматически получать фокус, что позволит пользователю сразу начать вводить свое имя.
Атрибут autofocus может быть использован с различными элементами формы, такими как текстовые поля, поля для ввода пароля, чекбоксы и радиокнопки. Однако, рекомендуется использовать его с умеренностью, чтобы не создавать ненужных проблем для пользователей, особенно для тех, кто использует вспомогательные технологии или имеет особые потребности в доступности.
#html | #теория
Атрибут autofocus в HTML используется для установки фокуса на определенный элемент формы при загрузке страницы. Когда атрибут autofocus присутствует в теге элемента формы, этот элемент автоматически получает фокус, что позволяет пользователям сразу начать вводить данные без необходимости щелкать на поле ввода.
Пример использования атрибута autofocus:
<form>
<label for="name">Имя:</label>
<input type="text" id="name" name="name" autofocus>
<br>
<label for="email">Email:</label>
<input type="email" id="email" name="email">
<br>
<input type="submit" value="Отправить">
</form>
В данном примере, при загрузке страницы, поле ввода с id "name" будет автоматически получать фокус, что позволит пользователю сразу начать вводить свое имя.
Атрибут autofocus может быть использован с различными элементами формы, такими как текстовые поля, поля для ввода пароля, чекбоксы и радиокнопки. Однако, рекомендуется использовать его с умеренностью, чтобы не создавать ненужных проблем для пользователей, особенно для тех, кто использует вспомогательные технологии или имеет особые потребности в доступности.
#html | #теория
🔥5❤1👍1😍1
Splide - аналог swiper.js
Splide.js это легкая и гибкая библиотека JavaScript для создания адаптивных и настраиваемых слайдеров или каруселей на веб-страницах. Он предоставляет простой и интуитивно понятный API, который позволяет разработчикам легко внедрять и настраивать слайдеры с минимальными усилиями.
Одним из ключевых преимуществ Splide.js является его производительность. Он разработан таким образом, чтобы быть быстрым и эффективным, обеспечивая плавные переходы и анимацию даже при большом количестве контента. Он также имеет небольшой размер файла, что помогает оптимизировать время загрузки страницы.
Смотреть 👨💻
#полезности
Splide.js это легкая и гибкая библиотека JavaScript для создания адаптивных и настраиваемых слайдеров или каруселей на веб-страницах. Он предоставляет простой и интуитивно понятный API, который позволяет разработчикам легко внедрять и настраивать слайдеры с минимальными усилиями.
Одним из ключевых преимуществ Splide.js является его производительность. Он разработан таким образом, чтобы быть быстрым и эффективным, обеспечивая плавные переходы и анимацию даже при большом количестве контента. Он также имеет небольшой размер файла, что помогает оптимизировать время загрузки страницы.
Смотреть 👨💻
#полезности
😍3👍1👎1
CSS Вопрос:
Какое свойство определяет область позиционирования элемента, в которой будет показано его содержимое?
Какое свойство определяет область позиционирования элемента, в которой будет показано его содержимое?
Anonymous Quiz
52%
position
21%
overflow
13%
z-index
7%
clip
7%
Посмотреть ответы
👎13🌭3❤1
Задача на JavaScript:
Вам необходимо написать функцию, которая будет принимать на вход строку и возвращать изменённую версию этой строки, где все символы будут заменены на их зеркальные отражения. Например, если мы хотим изменить строку «Привет, мир!», то получим «Твот, ривеТ!».
Функция должна работать следующим образом:
1. Функция принимает на вход строку.
2. Создаётся новая пустая строка.
3. Каждый символ исходной строки переворачинулся с помощью метода
4. Перевёрнутый символ добавляется в новую строку с помощью оператора
5. Новая строка возвращается из функции.
#домашка
Вам необходимо написать функцию, которая будет принимать на вход строку и возвращать изменённую версию этой строки, где все символы будут заменены на их зеркальные отражения. Например, если мы хотим изменить строку «Привет, мир!», то получим «Твот, ривеТ!».
Функция должна работать следующим образом:
1. Функция принимает на вход строку.
2. Создаётся новая пустая строка.
3. Каждый символ исходной строки переворачинулся с помощью метода
reverse().4. Перевёрнутый символ добавляется в новую строку с помощью оператора
+=.5. Новая строка возвращается из функции.
#домашка
❤2👍1
Подборка лучших постов за прошлую неделю
Лучшие статьи @free_html_lessons:
1. Атрибут autofocus
2. Тег <time>
3. Как создать репозиторий на GitHub
Лучшие фронтенд вакансии @job_webdev:
1. Frontend-разработчик
2. HTML-верстальщик
3. Frontend-разработчик Метр квадратный
Лучшие дизайн вакансии @job_webdesign:
1. UI/UX дизайнер Alpaca Dev Studio
2. Web-дизайнер Red Krab
3. UI/UX дизайнер ООО Мой Класс
#лучшеезанеделю
Лучшие статьи @free_html_lessons:
1. Атрибут autofocus
2. Тег <time>
3. Как создать репозиторий на GitHub
Лучшие фронтенд вакансии @job_webdev:
1. Frontend-разработчик
2. HTML-верстальщик
3. Frontend-разработчик Метр квадратный
Лучшие дизайн вакансии @job_webdesign:
1. UI/UX дизайнер Alpaca Dev Studio
2. Web-дизайнер Red Krab
3. UI/UX дизайнер ООО Мой Класс
#лучшеезанеделю
👍3❤1
JS Вопрос:
Какой способ вставки элементов на страницу является более современным и быстрым?
Какой способ вставки элементов на страницу является более современным и быстрым?
Anonymous Quiz
22%
insertAdjacentHTML
36%
innerHTML
7%
innerText
23%
appendChild
12%
Посмотреть ответы
🔥7
Задача на JavaScript:
У вас есть массив чисел, который представляет собой незавершенную арифметическую прогрессию. Нужно написать функцию, которая принимает этот массив и возвращает недостающее число, которое должно быть следующим в прогрессии.
Пример:
Если дан массив [1, 4, 7, 10, 16], то функция должна вернуть число 13, так как оно не хватает для завершения арифметической прогрессии со шагом 3.
Ваша задача состоит в том, чтобы написать функцию, которая решает эту проблему с помощью JavaScript. Вы можете использовать любые встроенные функции, методы массивов или циклы, чтобы писать эффективный код.
Одно их решений в комментариях
#домашка
У вас есть массив чисел, который представляет собой незавершенную арифметическую прогрессию. Нужно написать функцию, которая принимает этот массив и возвращает недостающее число, которое должно быть следующим в прогрессии.
Пример:
Если дан массив [1, 4, 7, 10, 16], то функция должна вернуть число 13, так как оно не хватает для завершения арифметической прогрессии со шагом 3.
Ваша задача состоит в том, чтобы написать функцию, которая решает эту проблему с помощью JavaScript. Вы можете использовать любые встроенные функции, методы массивов или циклы, чтобы писать эффективный код.
Одно их решений в комментариях
#домашка
👍1
Подборка лучших постов за прошлую неделю
Лучшие статьи @free_html_lessons:
1. Все про тег img
2. insertAdjacentHTML
3. Методология SMACSS
Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик МОЙ ГЕКТАР
2. Frontend-разработчик
3. HTML-верстальщик Articul
Лучшие дизайн вакансии @job_webdesign:
1. Web-дизайнер Гиперпк
2. UI/UX дизайнер Здоровый Отдых
3. Web-дизайнер Shtabkin Pro
#лучшеезанеделю
Лучшие статьи @free_html_lessons:
1. Все про тег img
2. insertAdjacentHTML
3. Методология SMACSS
Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик МОЙ ГЕКТАР
2. Frontend-разработчик
3. HTML-верстальщик Articul
Лучшие дизайн вакансии @job_webdesign:
1. Web-дизайнер Гиперпк
2. UI/UX дизайнер Здоровый Отдых
3. Web-дизайнер Shtabkin Pro
#лучшеезанеделю
👍1