HTML е градивният елемент на мрежата. Познаването на някои по-малко известни, но полезни части от този език за маркиране може да направи живота ви много по-лесен. HTML атрибутите предоставят няколко функции, които могат да ви помогнат да извлечете максимума от HTML. Той дефинира допълнителни характеристики или свойства на HTML елемент.
В тази статия ще научите за 11 HTML атрибута, за които вероятно все още не сте чували.
1. многократни
Този атрибут позволява на потребителите да въвеждат множество стойности. Можете да използвате атрибута multiple с тагове и етикети. Този булев атрибут е валиден само за имейл или тип въвеждане на файлове.
Използване на множество атрибути с
Използване на множество атрибути за въвеждане на файл
Като използвате атрибута multiple за въвеждане на файл, можете да изберете няколко файла (като задържите Shift или Ctrl ключове).
Използване на множество атрибути за въвеждане на имейл
Като използвате атрибута multiple за въвеждане на имейл, можете да въведете списък с имейл адреси, разделени със запетая. Всички бели интервали ще бъдат премахнати от всеки адрес в списъка.
2. contenteditable
Можете да направите HTML съдържанието редактируемо на уеб страница, като използвате атрибута contenteditable. Това е глобален атрибут, т.е. е общ за всички HTML елементи.
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.
3. проверка на правописа
Атрибутът проверка на правописа указва дали елементът може да бъде проверен за правописни грешки или не. Можете да проверите правописния текст в елементи, текст в елементите за редактиране или текст във входните елементи (с изключение на пароли).
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore магна
аликва. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.
Свързано: The HTML Essentials Cheat Sheet: Tags, атрибути и Още
4. изтегляне
Можете да изтеглите ресурс, като използвате атрибута download. Атрибутът download казва на браузъра да изтегли посочения 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, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore магна
аликва. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.
Свързано: Прости примери за HTML код, които можете да научите за 10 Минути
7. poster
Атрибутът poster се използва за показване на изображение, докато видеото се изтегля или докато потребителят пусне видео.
Забележка: Ако не посочите нищо, нищо не се показва, докато първият кадър не бъде на разположение. Когато първият кадър е наличен, той се показва като рамка на плаката.
src=" http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4"
poster="posterImage.png">
8. inputmode
Атрибутът inputmode указва на браузъра коя клавиатура да показва, когато потребителят е избрал който и да е елемент за въвеждане или текстово поле. Този атрибут приема различни стойности:
Няма
Числов
Телефон
Десетичен
Имейл
URL
Търсене
9. pattern
Атрибутът pattern на елемента ви позволява да зададете регулярен израз, за който стойността на елемента ще бъде валидирана. Можете да използвате атрибута pattern с няколко типа въвеждане като текст, дата, търсене, URL, тел, имейл и парола.
Свързано: Най-добрите сайтове за Примери за качествено HTML кодиране
10. autocomplete
Атрибутът autocomplete определя дали браузърът трябва автоматично да завърши въвеждането въз основа на въведените от потребителя или не. Можете да използвате атрибута за автоматично довършване с няколко типа въвеждане като текст, търсене, URL, тел, имейл, парола, инструменти за избор на дата, диапазон и цвят. Можете да използвате този атрибут с елементите или елементи.
11. autofocus
Атрибутът autofocus е булев атрибут, който показва, че даден елемент трябва да бъде фокусиран върху зареждането на страницата. Можете да използвате този атрибут с , ,
Използване на атрибут за автоматично фокусиране с входен елемент
< /code>Използване на атрибут за автоматично фокусиране с избран елемент
Използване на атрибут за автоматично фокусиране с елемент textarea
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore магна
аликва. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.
Ако искате да разгледате пълния изходен код, използван в тази статия, вижте GitHub хранилище.
Направете живота си по-лесен с едноредови JavaScript
Едноредовият код помага да се постигне повече с по-малко код. Можете да използвате няколко едноредови JavaScript, за да кодирате като професионалист.
Само с един ред код можете да разбъркате масив, да намерите средната стойност на масива, да проверите дали масивът е празен, да генерирате произволен шестнадесетичен цвят, да генерирате произволен UUID и т.н.
11 едноредови JavaScript, които трябва да знаетеПостигнете много само с малко код, използвайки тази широка гама от едноредови JavaScript.
Прочетете Следващото
Дялтуителектронна поща
Свързани теми
- Програмиране
- HTML
- Програмни езици
- Съвети за кодиране
За автора
Юврадж Чандра (публикувани 78 статии)Юврадж е студент по компютърни науки в Университета в Делхи, Индия. Той е страстен за Full Stack уеб разработка. Когато не пише, той изследва дълбочината на различните технологии.
Още от Yuvraj Chandra
Абонирайте се за нашия бюлетин
Присъединете се към нашия бюлетин за технически съвети, ревюта, безплатни електронни книги и ексклузивни оферти!
Щракнете тук, за да се абонирате