TechCodeview

В HTML е важен елемент от HTML формата. Атрибутът тип на входния елемент може да бъде от различни типове, което определя информационното поле. Като например дава текстово поле.

обект към json в java

Следва списък на всички видове елементи на HTML.

HTML5 добави нови типове към елемент. Следва списък с типове елементи на HTML5

Следва описание на типовете елементи с примери.

1. :

елемент от тип 'текст' се използват за дефиниране на текстово поле за въвеждане на един ред.

Пример:

 Enter first name <br> <br> Enter last name <br> <br> <p> <strong>Note:</strong> The default maximum cahracter lenght is 20.</p> 

Изход:

Въведете тип 'текст':

The 'текст' полето дефинира текстово поле за въвеждане на един ред.

Забележка: Максималната дължина на символа по подразбиране е 20.

2. :

Елементът от тип „парола“ позволява на потребителя да въведе паролата сигурно в уеб страница. Въведеният текст във файла за парола се преобразува в '*' или '.', така че да не може да бъде прочетен от друг потребител.

Пример:

 Enter User name <br> <br> Enter Password <br> <br> <br> 

Изход:

Въведете тип „парола“:

The 'парола' полето дефинира поле за парола за въвеждане на един ред за безопасно въвеждане на паролата.

3. :

Елементът от тип „изпращане“ дефинира бутон за изпращане, за да изпрати формуляра на сървъра, когато възникне събитието „щракване“.

Пример:

 Enter User name <br> <br> Enter Password <br> <br> <br> 

Изход:

Въведете тип „изпращане“:

След като щракнете върху бутона за изпращане, това ще изпрати формуляра на сървъра и ще пренасочи страницата към действие value.Ще научим за атрибута 'action' в следващите глави

4. :

Типът „нулиране“ също се дефинира като бутон, но когато потребителят извърши щракване, той по подразбиране нулира всички въведени стойности.

Пример:

 User id: Password: <br> <br> 

Изход:

Тип 'нулиране' на входа:

Опитайте да промените стойностите за въвеждане на потребителско име и парола, след което, когато щракнете върху нулиране, това ще нулира полетата за въвеждане със стойностите по подразбиране.

5. :

Типът „радио“ дефинира радио бутоните, които позволяват избор на опция между набор от свързани опции. В даден момент може да бъде избрана само една опция за радио бутон.

Пример:

Моля, изберете любимия си цвят

Изход:

Въведете тип „радио“.

Моля, изберете любимия си цвят

6. :

Типът „поле за отметка“ се показва като квадратни полета, които могат да бъдат отметнати или премахнати, за да изберете избор от дадените опции.

Забележка: „радио“ бутоните са подобни на квадратчетата за отметка, но има важна разлика между двата типа: радио бутоните позволяват на потребителя да избира само една опция в даден момент, докато квадратчето за отметка позволява на потребителя да избира от нула до няколко опции наведнъж .

Пример:

 Enter your Name: <p>Kindly Select your favourite sports</p> Cricket <br> Tennis <br> Football <br> Baseball <br> Badminton <br> <br> 

Изход:

Въведете тип „поле за отметка“.

Формуляр за регистрация

Моля, изберете любимите си спортове

7. :

Типът „бутон“ дефинира прост бутон, който може да бъде програмиран да контролира функционално всяко събитие, като например събитие за щракване.

първичен ключ съставен ключ

Забележка: Работи главно с JavaScript.

Пример:

Изход:

Тип 'бутон' за въвеждане.

Кликнете върху бутона, за да видите резултата:

Забележка: В горния пример използвахме „предупреждението“ на JS, което ще научите в нашия урок за JS. Използва се за показване на изскачащ прозорец.

8. :

Елементът с тип „файл“ се използва за избор на един или повече файлове от хранилището на потребителското устройство. След като изберете файла и след изпращане, този файл може да бъде качен на сървъра с помощта на JS код и файлов API.

Пример:

 Select file to upload: 

Изход:

спаси от

Въведете тип „файл“.

Можем да изберем всеки тип файл, докато не го посочим! Избраният файл ще се появи до опцията „избор на файл“.

9. :

Типът 'image' се използва за представяне на бутон за изпращане под формата на изображение.

Пример:

 <h2>Input &apos;image&apos; type.</h2> <p>We can create an image as submit button</p> User id: <br> <br> <br> 

HTML5 новодобавен тип елемент

1. :

Типът 'color' се използва за дефиниране на поле за въвеждане, което съдържа цвят. Позволява на потребителя да определи цвета чрез визуалния цветен интерфейс на браузъра.

Забележка: Типът „цвят“ поддържа само стойност на цвета в шестнадесетичен формат, а стойността по подразбиране е #000000 (черно).

Пример:

 Pick your Favorite color: <br> <br> Upclick <br> <br> Downclick 

Изход:

Въведете типове „цвят“:

Забележка: Стойността по подразбиране на типа „цвят“ е #000000 (черно). Той поддържа само стойност на цвета в шестнадесетичен формат.

2. :

Елементът от тип 'date' генерира поле за въвеждане, което позволява на потребителя да въведе датата в даден формат. Потребителят може да въведе датата чрез текстово поле или чрез интерфейс за избор на дата.

Пример:

 Select Start and End Date: <br> <br> Start date: <br> <br> End date: <br> <br> 

Изход:

Въведете тип „дата“.

3. :

Елементът от тип 'datetime-local' създава поле за въвеждане, което позволява на потребителя да избере датата, както и местното време в часа и минутата без информация за часовата зона.

Пример:

 Select the meeting schedule: <br> <br> Select date &amp; time: <br> <br> 

Изход:

Въведете тип „datetime-local“.

4. :

Типът „имейл“ създава поле за въвеждане, което позволява на потребителя да въведе имейл адреса с валидиране на модела. Множеството атрибути позволяват на потребителя да въведе повече от един имейл адрес.

Пример:

 <b>Enter your Email-address</b> <p> <strong>Note:</strong> User can also enter multiple email addresses separating by comma or whitespace as following: </p> <b>Enter multiple Email-addresses</b> 

Изход:

Въведете тип „имейл“.

Забележка: Потребителят може също да въведе множество имейл адреси, разделени със запетая или интервал, както следва:

5. :

Типът „месец“ създава поле за въвеждане, което позволява на потребителя лесно да въвежда месец и година във формат „ММ, ГГГГ“, където ММ определя стойността на месеца, а ГГГГ определя стойността на годината. Нов

Пример:

 Enter your Birth Month-year: 

Изход:

Въведете тип „месец“:

6. :

Номерът на типа елемент създава поле за въвеждане, което позволява на потребителя да въведе числовата стойност. Можете също така да ограничите въвеждането на минимална и максимална стойност, като използвате атрибута min и max.

Пример:

 Enter your age: 

Изход:

Въведете тип 'число'.

Забележка: Това ще позволи въвеждане на число в диапазона 50-80. Ако искате да въведете число, различно от диапазон, ще се покаже грешка.

7. :

Елементът от тип 'url' създава поле за въвеждане, което позволява на потребителя да въведе URL адреса.

дължина на масива java

Пример:

 Enter your website URL: <br> 

Изход:

Въведете тип „url“.

8. :

Типът седмица създава поле за въвеждане, което позволява на потребителя да избере седмица и година от падащия календар без часова зона.

Пример:

 <b>Select your best week of year:</b> <br> <br> 

Изход:

Въведете тип 'седмица'.

9. :

Типът 'търсене' създава поле за въвеждане, което позволява на потребителя да въведе низ за търсене. Те са функционално симетрични на типа въвеждане на текст, но могат да бъдат оформени по различен начин.

Пример:

 Search here: 

Изход:

Въведете тип „търсене“.

10. :

Елементът от тип ?tel? създава входно поле за въвеждане на телефонния номер. Типът „тел“ няма проверка по подразбиране, като имейл, тъй като моделът на телефонния номер може да варира в целия свят.

Пример:

 <b>Enter your Telephone Number(in format of xxx-xxx-xxxx):</b> <br> <br> 

Изход:

Въведете тип „тел“.

Забележка: Тук използваме два атрибута, които са 'pattern' и 'required', които ще позволят на потребителя да въведе числото в даден формат и е необходимо да въведете числото в полето за въвеждане.