HTML - это строительный блок Интернета. Знание некоторых менее известных, но полезных частей этого языка разметки может значительно облегчить вам жизнь. Атрибуты HTML предоставляют несколько функций, которые могут помочь вам максимально эффективно использовать HTML. Он определяет дополнительные характеристики или свойства элемента HTML.

Из этой статьи вы узнаете об 11 атрибутах HTML, о которых вы, вероятно, еще не слышали.

1. несколько

Этот атрибут позволяет пользователям вводить несколько значений. Вы можете использовать множественный атрибут с теги и теги. Этот логический атрибут действителен только для типов ввода электронной почты или файла.

Использование нескольких атрибутов с


Использование нескольких атрибутов для ввода файла

Используя атрибут multiple для ввода файла, вы можете выбрать несколько файлов (удерживая Сдвиг или Ctrl ключи).

Использование нескольких атрибутов для ввода электронной почты

Используя атрибут multiple для ввода электронной почты, вы можете ввести список адресов электронной почты, разделенных запятыми. Все пробелы будут удалены из каждого адреса в списке.

instagram viewer

2. удовлетворенный

Вы можете сделать содержимое HTML редактируемым на веб-странице с помощью атрибута contenteditable. Это глобальный атрибут, то есть он общий для всех элементов HTML.


Lorem ipsum dolor sit amet, conctetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
аликва. Ut enim ad minim veniam, упражнения quis nostrud
ullamco labouris nisi ut aliquip ex ea Commodo Concequat.

3. проверка орфографии

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

  
 
 Lorem ipsum dolor sit amet, consctetur adipisicing elit, 
 sed do eiusmod tempor incididunt ut labore et dolore magna 
 aliqua. Ut enim ad minim veniam, quis nostrud упражнения 
 ullamco labouris nisi ut aliquip ex ea Commodo consquat.

По теме: Шпаргалка по HTML Essentials: теги, атрибуты и Подробнее

4. скачать

Вы можете скачать ресурс, используя атрибут загрузки. Атрибут загрузки сообщает браузеру загрузить указанный URL-адрес вместо перехода по нему. Атрибут загрузки можно использовать с тегами и .

Примечание . Атрибут загрузки Только работает с URL-адресами того же происхождения. Он соответствует правилам политики одинакового происхождения . 

   Загрузить

5. accept

Атрибут accept тега определяет тип файлов, которые пользователь может загружать. Вы можете указать в качестве значения список одного или нескольких типов файлов, разделенных запятыми.

Принятие аудиофайла

Принятие видеофайла 

    код>

Принятие файла изображения 

    код>

Принятие файла Microsoft Word 

   accept = ". doc, .docx, application / msword, application / vnd.openxmlformats-officedocument.wordprocessingml.document ">

Принятие файлов PNG или JPEG

Принятие файла PDF

По теме: Классные HTML-эффекты, которые каждый может добавить на свои сайты

6. translate

Атрибут translate сообщает браузеру, что элемент должен быть переведен или нет, когда страница локализована. Может иметь 2 значения: «да» или «нет». 

  
 
 Lorem ipsum dolor sit amet, consctetur adipisicing elit, 
 sed do eiusmod tempor incididunt ut labore et dolore magna 
 aliqua. Ut enim ad minim veniam, quis nostrud упражнения 
 ullamco labouris nisi ut aliquip ex ea Commodo consquat.

По теме: Примеры простого HTML-кода, которые вы можете изучить в 10 Минуты

7. poster

Атрибут poster используется для показа изображения во время загрузки видео или пока пользователь не воспроизведет видео.

Примечание . Если вы ничего не укажете, ничего не будет отображаться до тех пор, пока не будет отображен первый кадр. доступный. Когда доступен первый кадр, он отображается как кадр плаката. 

   src = " http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4"
poster="posterImage.png">

8. inputmode

Атрибут inputmode указывает браузеру, какую клавиатуру отображать, когда пользователь выбрал какой-либо элемент input или textarea. Этот атрибут принимает различные значения:

Нет 

     pre > 
 числовой 
 
    
 
 Телефон 
 
    
 
 Десятичный 
 
    
 
 Электронная почта 
 
    
 
 URL 
 
    
  
    
 
 9. шаблон 
 
 Атрибут шаблона элемента    позволяет указать регулярное выражение, по которому будет проверяться значение элемента. Атрибут шаблона можно использовать с несколькими типами ввода, такими как текст, дата, поиск, URL-адрес, телефон, электронная почта и пароль. 
 
  
 
  
 
  
 
  По теме:  Лучшие сайты для Примеры качественного кодирования HTML   
 
 10. autocomplete 
 
 Атрибут autocomplete указывает, должен ли браузер автоматически завершать ввод на основе пользовательских вводов или нет. Вы можете использовать атрибут автозаполнения с несколькими типами ввода, такими как текст, поиск, URL-адрес, тел., Электронная почта, пароль, средства выбора даты, диапазон и цвет. Вы можете использовать этот атрибут с элементами    или  
 
 элементы. 
 
    
 
 11. autofocus 
 
 Атрибут autofocus - это логический атрибут, указывающий, что элемент должен быть сфокусирован на загрузке страницы. Этот атрибут можно использовать с  ,   ,   ,  , или   элементы. 
 
 Использование атрибута автофокуса с элементом ввода 
 
   < / код> 
 
 Использование атрибута автофокуса с элементом select 
 
    
 
 Использование атрибута autofocus с элементом textarea 
 
  
Если вы хотите взглянуть на полный исходный код, использованный в этой статье, ознакомьтесь с Репозиторий GitHub.


 Сделайте свою жизнь проще с помощью однострочников JavaScript


Однострочный код помогает достичь большего с меньшим количеством кода. Вы можете использовать несколько однострочников JavaScript, чтобы писать код на профессиональном уровне.


С помощью всего одной строки кода вы можете перемешать массив, найти среднее значение массива, проверить, пуст ли массив, сгенерировать случайный шестнадцатеричный цвет, сгенерировать случайный UUID и т. Д.



11 однострочных предложений JavaScript, которые вы должны знать
Добейтесь многого с помощью небольшого количества кода, используя этот широкий спектр однострочников JavaScript.




Читать далее

доляТвитнутьЭлектронное письмо




Похожие темы
    

  • Программирование
    • 

  • HTML
    • 

  • Языки программирования
    • 

  • Советы по кодированию
    • 




Об авторе





Юврадж Чандра (Опубликовано 78 статей)
Юврадж - студент бакалавриата по информатике в Университете Дели, Индия. Он увлечен веб-разработкой Full Stack. Когда он не пишет, он исследует глубину различных технологий.

Ещё от Yuvraj Chandra







Подписывайтесь на нашу новостную рассылку


Подпишитесь на нашу рассылку технических советов, обзоров, бесплатных электронных книг и эксклюзивных предложений!


Нажмите здесь, чтобы подписаться