HTML jest budulcem sieci. Znajomość mniej znanych, ale przydatnych części tego języka znaczników może znacznie ułatwić Ci życie. Atrybuty HTML udostępniają kilka funkcji, które mogą pomóc w maksymalnym wykorzystaniu HTML. Definiuje dodatkowe cechy lub właściwości elementu HTML.
W tym artykule poznasz 11 atrybutów HTML, o których prawdopodobnie jeszcze nie słyszałeś.
1. wiele
Ten atrybut umożliwia użytkownikom wprowadzanie wielu wartości. Możesz użyć wielu atrybutów z tagi i Tagi. Ten atrybut logiczny jest prawidłowy tylko dla typów wejściowych wiadomości e-mail lub plików.
Korzystanie z wielu atrybutów z
Używanie wielu atrybutów do wprowadzania plików
Używając atrybutu wielokrotnego do wprowadzania plików, możesz wybrać wiele plików (przytrzymując klawisz Zmiana lub klawisz kontrolny Klucze).
Używanie wielu atrybutów do wprowadzania wiadomości e-mail
Używając wielu atrybutów do wprowadzania wiadomości e-mail, możesz wprowadzić listę adresów e-mail oddzielonych przecinkami. Wszystkie białe spacje zostaną usunięte z każdego adresu na liście.
2. treść edytowalna
Możesz udostępnić treść HTML do edycji na stronie internetowej za pomocą atrybutu contenteditable. Jest to atrybut globalny, tj. wspólny dla wszystkich elementów HTML.
Lorem ipsum dolor sit amet, consectetur adipisicing elita,
sed do eiusmod tempor incididunt ut labore et dolore magna
alikwota. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.
3. sprawdzanie pisowni
Atrybut spellcheck określa, czy element może być sprawdzany pod kątem błędów ortograficznych, czy nie. Możesz sprawdzić pisownię tekstu w elementy, tekst w elementach edytowalnych lub tekst w elementach wejściowych (z wyjątkiem haseł).
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
alikwa. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.
Powiązane: Ściągawka z podstawami HTML: tagi, atrybuty i Więcej
4. download
Możesz pobrać zasób za pomocą atrybutu download. Atrybut pobierania mówi przeglądarce, aby pobrać określony adres URL zamiast nawigować do niego. Możesz użyć atrybutu pobierania z tagiem i tagiem .
Uwaga: atrybut pobierania tylko działa z adresami URL tego samego pochodzenia. Jest zgodny z zasadami polityki tego samego pochodzenia.
Pobierz5. accept
Atrybut accept tagu określa typ plików, które użytkownik może przesłać. Jako jej wartość możesz podać listę oddzielonych przecinkami jednego lub więcej typów plików.
Akceptowanie pliku audio
Akceptowanie pliku wideo
kod>Akceptowanie pliku obrazu
kod>Akceptowanie pliku Microsoft Word
accept=".doc,.docx, aplikacja/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document">Akceptowanie plików PNG lub JPEG
Akceptowanie pliku PDF
Powiązane: Fajne efekty HTML, które każdy może dodać do swoich witryn
6. translate
Atrybut translate informuje przeglądarkę, że element powinien zostać przetłumaczony, czy nie, gdy strona jest zlokalizowana. Może mieć 2 wartości: "tak" lub "nie".
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
alikwa. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.
Powiązane: Proste przykłady kodu HTML, których możesz się nauczyć w 10 Minuty
7. poster
Atrybut poster jest używany do wyświetlania obrazu podczas pobierania filmu lub do momentu odtworzenia przez użytkownika wideo.
Uwaga: jeśli nic nie określisz, nic nie jest wyświetlane, dopóki pierwsza klatka nie zostanie dostępny. Gdy pierwsza ramka jest dostępna, jest wyświetlana jako ramka plakatu.
poster="posterImage.png">
8. inputmode
Atrybut inputmode wskazuje przeglądarce, którą klawiaturę wyświetlić, gdy użytkownik wybierze element input lub textarea. Ten atrybut przyjmuje różne wartości:
Brak
Numeryczne
Tel
Dziesiętny
URL
Szukaj
9. wzorzec
Atrybut wzorca elementu umożliwia określenie wyrażenia regularnego, względem którego zostanie zweryfikowana wartość elementu. Atrybutu wzorca można użyć z kilkoma typami wprowadzania, takimi jak tekst, data, wyszukiwanie, adres URL, tel, e-mail i hasło.
Powiązane: Najlepsze witryny dla Wysokiej jakości przykłady kodowania HTML
10. autouzupełnianie
Atrybut autouzupełniania określa, czy przeglądarka powinna automatycznie uzupełniać dane wejściowe na podstawie danych wprowadzonych przez użytkownika, czy nie. Możesz użyć atrybutu autouzupełniania z kilkoma typami danych wejściowych, takimi jak tekst, wyszukiwanie, adres URL, tel, e-mail, hasło, selektory dat, zakres i kolor. Możesz użyć tego atrybutu z elementami lub elementy.
11. autofocus
Atrybut autofocus to atrybut logiczny wskazujący, że element powinien być skupiony na ładowaniu strony. Możesz użyć tego atrybutu z , ,
Korzystanie z atrybutu autofokusa z elementem wejściowym
< /kod>Korzystanie z atrybutu autofokusa z wybranym elementem
Korzystanie z atrybutu autofocus z elementem textarea
Jeśli chcesz zapoznać się z pełnym kodem źródłowym użytym w tym artykule, sprawdź Repozytorium GitHub.
Ułatw sobie życie z jednolinijkami JavaScript
Jednowierszowy kod pomaga osiągnąć więcej przy mniejszej ilości kodu. Możesz użyć kilku jednolinijek JavaScript do kodowania jak profesjonalista.
Wystarczy jeden wiersz kodu, aby przetasować tablicę, znaleźć średnią tablicy, sprawdzić, czy tablica jest pusta, wygenerować losowy kolor szesnastkowy, wygenerować losowy identyfikator UUID i tak dalej.
11 tekstów o JavaScript, które powinieneś znaćOsiągnij wiele za pomocą niewielkiej ilości kodu, korzystając z tej szerokiej gamy jednolinijek JavaScript.
Czytaj dalej
UdziałĆwierkaćE-mail
Powiązane tematy
- Programowanie
- HTML
- Języki programowania
- Wskazówki dotyczące kodowania
O autorze
Yuvraj Chandra (78 opublikowanych artykułów)Yuvraj jest studentem studiów licencjackich z informatyki na Uniwersytecie w Delhi w Indiach. Jest pasjonatem Full Stack Web Development. Kiedy nie pisze, bada głębię różnych technologii.
Więcej od Yuvraja Chandra
Zapisz się do naszego newslettera
Dołącz do naszego newslettera, aby otrzymywać porady techniczne, recenzje, bezpłatne e-booki i ekskluzywne oferty!
Kliknij tutaj, aby zasubskrybować
