🧾 Атрибуты ввода HTML (часть 2)
Атрибут disabled
Ввод атрибута disabled указывает, что поле ввода должно быть отключено.
Отключенное поле ввода непригодно для использования и не кликабельно.
Значение отключенного поля ввода не будет отправлено при отправке формы.
Пример поля ввода с ограниченными физическими возможностями: код.
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Атрибут disabled
Ввод атрибута disabled указывает, что поле ввода должно быть отключено.
Отключенное поле ввода непригодно для использования и не кликабельно.
Значение отключенного поля ввода не будет отправлено при отправке формы.
Пример поля ввода с ограниченными физическими возможностями: код.
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Атрибуты ввода HTML (часть 3)
Атрибут size
Ввод атрибута size определяет видимую ширину поля ввода в символах.
Значение по умолчанию для size 20.
Атрибут size работает со следующими типами входных данных: text, search, tel, url, email, и password.
Пример – задаём ширину поля ввода: код.
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Атрибут size
Ввод атрибута size определяет видимую ширину поля ввода в символах.
Значение по умолчанию для size 20.
Атрибут size работает со следующими типами входных данных: text, search, tel, url, email, и password.
Пример – задаём ширину поля ввода: код.
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Атрибуты ввода HTML (часть 4)
Атрибут maxlength
Ввод атрибута maxlength задает максимальное количество символов, разрешенных в поле ввода.
Когда задано maxlength, то поле ввода не будет принимать больше указанного количества символов. Однако этот атрибут не дает никакой обратной связи. Поэтому, если вы хотите предупредить пользователя, вы должны написать код JavaScript.
Пример – установите максимальную длину для поля ввода: код.
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Атрибут maxlength
Ввод атрибута maxlength задает максимальное количество символов, разрешенных в поле ввода.
Когда задано maxlength, то поле ввода не будет принимать больше указанного количества символов. Однако этот атрибут не дает никакой обратной связи. Поэтому, если вы хотите предупредить пользователя, вы должны написать код JavaScript.
Пример – установите максимальную длину для поля ввода: код.
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Атрибуты ввода HTML (часть 5)
Атрибуты min и max
Ввод атрибутов min и max определяют минимальное и максимальное значения для поля ввода.
Атрибуты min и max работают со следующими типами входных данных: number, range, date, datetime-local, month, time и week.
Используйте атрибуты max и min вместе для создания диапазона допустимых значений.
Пример – установите максимальную дату, минимальную дату и диапазон допустимых значений: код.
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Атрибуты min и max
Ввод атрибутов min и max определяют минимальное и максимальное значения для поля ввода.
Атрибуты min и max работают со следующими типами входных данных: number, range, date, datetime-local, month, time и week.
Используйте атрибуты max и min вместе для создания диапазона допустимых значений.
Пример – установите максимальную дату, минимальную дату и диапазон допустимых значений: код.
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Атрибуты ввода HTML (часть 6)
Атрибут multiple
Ввод атрибута multiple указывает, что пользователю разрешено вводить более одного значения в поле ввода.
Атрибут multiple работает со следующими типами входных данных: email, и file.
Пример – поле загрузки файла, принимающее несколько значений: код.
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Атрибут multiple
Ввод атрибута multiple указывает, что пользователю разрешено вводить более одного значения в поле ввода.
Атрибут multiple работает со следующими типами входных данных: email, и file.
Пример – поле загрузки файла, принимающее несколько значений: код.
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Атрибуты ввода HTML (часть 7)
Атрибут pattern
Ввод атрибута pattern указывает регулярное выражение, по которому проверяется значение поля ввода при отправке формы.
Атрибут pattern работает со следующими типами входных данных: text, date, search, url, tel, email, и password.
Используйте глобальный атрибут title для описания шаблона, чтобы помочь пользователю.
Пример – поле ввода, которое может содержать только три буквы (без цифр или специальных символов): код.
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Атрибут pattern
Ввод атрибута pattern указывает регулярное выражение, по которому проверяется значение поля ввода при отправке формы.
Атрибут pattern работает со следующими типами входных данных: text, date, search, url, tel, email, и password.
Используйте глобальный атрибут title для описания шаблона, чтобы помочь пользователю.
Пример – поле ввода, которое может содержать только три буквы (без цифр или специальных символов): код.
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Атрибуты ввода HTML (часть 8)
Атрибут placeholder
Ввод атрибута placeholder задает короткую подсказку, описывающую ожидаемое значение поля ввода (примерное значение или краткое описание ожидаемого формата).
Короткая подсказка отображается в поле ввода до того, как пользователь вводит значение.
Атрибут placeholder работает со следующими типами входных данных: text, search, url, tel, email, и password.
Пример – поле ввода с текстовым заполнением: код.
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Атрибут placeholder
Ввод атрибута placeholder задает короткую подсказку, описывающую ожидаемое значение поля ввода (примерное значение или краткое описание ожидаемого формата).
Короткая подсказка отображается в поле ввода до того, как пользователь вводит значение.
Атрибут placeholder работает со следующими типами входных данных: text, search, url, tel, email, и password.
Пример – поле ввода с текстовым заполнением: код.
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Функции в Python (часть 1)
Функция — это блок кода, который запускается только при вызове.
Вы можете передавать данные, известные как параметры, в функцию.
В результате функция может возвращать данные.
Создание функции
В Python функция определяется с помощью ключевого слова: def.
Пример:
def my_function():
print('Привет из функции')
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Функция — это блок кода, который запускается только при вызове.
Вы можете передавать данные, известные как параметры, в функцию.
В результате функция может возвращать данные.
Создание функции
В Python функция определяется с помощью ключевого слова: def.
Пример:
def my_function():
print('Привет из функции')
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Функции в Python (часть 2)
Вызов функции
Для того, чтобы вызвать функцию, используйте имя функции, за которым следуют круглые скобки.
Пример:
def my_function():
print('Привет из функции')
my_function()
Аргументы
Информация может передаваться в функции в качестве аргументов.
Аргументы указываются после имени функции в круглых скобках. Вы можете добавить столько аргументов, сколько хотите, просто разделите их запятой.
В следующем примере есть функция с одним аргументом (fname).Когда функция вызывается, мы передаем имя, которое используется внутри функции для вывода полного имени:
def my_function(fname):
print(fname + ' Refsnes')
my_function('Emil')
my_function('Tobias')
my_function('Linus')
Аргументы чаще всего сокращаются до args в документации по Python.
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Вызов функции
Для того, чтобы вызвать функцию, используйте имя функции, за которым следуют круглые скобки.
Пример:
def my_function():
print('Привет из функции')
my_function()
Аргументы
Информация может передаваться в функции в качестве аргументов.
Аргументы указываются после имени функции в круглых скобках. Вы можете добавить столько аргументов, сколько хотите, просто разделите их запятой.
В следующем примере есть функция с одним аргументом (fname).Когда функция вызывается, мы передаем имя, которое используется внутри функции для вывода полного имени:
def my_function(fname):
print(fname + ' Refsnes')
my_function('Emil')
my_function('Tobias')
my_function('Linus')
Аргументы чаще всего сокращаются до args в документации по Python.
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Функции в Python (часть 3)
Параметры или аргументы?
Параметры и аргументы терминов могут использоваться для одного и того же: информации, которая передается в функцию.
С точки зрения функции:
Параметр — это переменная, указанная в скобках в определении функции.
Аргумент — это значение, которое передается функции при ее вызове.
Количество аргументов
По умолчанию функция должна вызываться с правильным количеством аргументов. Это означает, что если ваша функция ожидает 2 аргумента, вы должны вызывать функцию с 2 аргументами, не больше и не меньше.
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Параметры или аргументы?
Параметры и аргументы терминов могут использоваться для одного и того же: информации, которая передается в функцию.
С точки зрения функции:
Параметр — это переменная, указанная в скобках в определении функции.
Аргумент — это значение, которое передается функции при ее вызове.
Количество аргументов
По умолчанию функция должна вызываться с правильным количеством аргументов. Это означает, что если ваша функция ожидает 2 аргумента, вы должны вызывать функцию с 2 аргументами, не больше и не меньше.
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Функции в Python (часть 4)
Приведём пример: функция ожидает 2 аргумента и получает 2 аргумента:
def my_function(fname, lname):
print(fname + ' ' + lname)
my_function('Emil', 'Refsnes')
Если вы попытаетесь вызвать функцию с 1 или 3 аргументами, вы получите ошибку.
Пример: функция ожидает 2 аргумента, но получает только 1:
def my_function(fname, lname):
print(fname + ' ' + lname)
my_function('Emil')
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Приведём пример: функция ожидает 2 аргумента и получает 2 аргумента:
def my_function(fname, lname):
print(fname + ' ' + lname)
my_function('Emil', 'Refsnes')
Если вы попытаетесь вызвать функцию с 1 или 3 аргументами, вы получите ошибку.
Пример: функция ожидает 2 аргумента, но получает только 1:
def my_function(fname, lname):
print(fname + ' ' + lname)
my_function('Emil')
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Функции в Python (часть 5)
Произвольные аргументы *args
Если вы не знаете, сколько аргументов будет передано в вашу функцию, добавьте * перед именем параметра в определении функции.
Таким образом, функция получит кортеж аргументов и сможет получить соответствующий доступ к элементам:
Пример – если количество аргументов неизвестно, добавьте * перед именем параметра:
def my_function(*kids):
print('Самый младший ребенок ' + kids[2])
my_function('Emil', 'Tobias', 'Linus')
Произвольные аргументы часто сокращаются до args в документации по Python.
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Произвольные аргументы *args
Если вы не знаете, сколько аргументов будет передано в вашу функцию, добавьте * перед именем параметра в определении функции.
Таким образом, функция получит кортеж аргументов и сможет получить соответствующий доступ к элементам:
Пример – если количество аргументов неизвестно, добавьте * перед именем параметра:
def my_function(*kids):
print('Самый младший ребенок ' + kids[2])
my_function('Emil', 'Tobias', 'Linus')
Произвольные аргументы часто сокращаются до args в документации по Python.
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Функции в Python (часть 6)
Аргументы ключевых слов
Вы также можете отправлять аргументы с синтаксисом ключ = значение syntax.
Таким образом, порядок аргументов не имеет значения.
Пример:
def my_function(child3, child2, child1):
print('Самый младший ребенок ' + child3)
my_function(child1 = 'Emil', child2 = 'Tobias', child3 = 'Linus')
Фраза Аргументы ключевого слова часто сокращается до kwargs в документации Python.
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Аргументы ключевых слов
Вы также можете отправлять аргументы с синтаксисом ключ = значение syntax.
Таким образом, порядок аргументов не имеет значения.
Пример:
def my_function(child3, child2, child1):
print('Самый младший ребенок ' + child3)
my_function(child1 = 'Emil', child2 = 'Tobias', child3 = 'Linus')
Фраза Аргументы ключевого слова часто сокращается до kwargs в документации Python.
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Функции в Python (часть 7)
Произвольные аргументы ключевого слова kwargs
Если вы не знаете, сколько ключевых слов будет передано в вашу функцию, добавьте две звездочки: перед именем параметра в определении функции.
Таким образом, функция получит словарь аргументов и сможет соответственно получить доступ к элементам:
Пример – если количество аргументов ключевого слова неизвестно, добавьте двойной ** перед именем параметра:
def my_function(**kid):
print('Его фамилия ' + kid['lname'])
my_function(fname = 'Tobias', lname = 'Refsnes')
Произвольные аргументы Kword часто сокращаются до **kwargs в документации Python.
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Произвольные аргументы ключевого слова kwargs
Если вы не знаете, сколько ключевых слов будет передано в вашу функцию, добавьте две звездочки: перед именем параметра в определении функции.
Таким образом, функция получит словарь аргументов и сможет соответственно получить доступ к элементам:
Пример – если количество аргументов ключевого слова неизвестно, добавьте двойной ** перед именем параметра:
def my_function(**kid):
print('Его фамилия ' + kid['lname'])
my_function(fname = 'Tobias', lname = 'Refsnes')
Произвольные аргументы Kword часто сокращаются до **kwargs в документации Python.
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Функции в Python (часть 8)
Значение параметра по умолчанию
В следующем примере показано, как использовать значение параметра по умолчанию.
Если мы вызываем функцию без аргумента, она использует значение по умолчанию:
Пример:
def my_function(country = 'России'):
print('Я из ' + country)
my_function('Швеции')
my_function('Индии')
my_function()
my_function('Бразилии')
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Значение параметра по умолчанию
В следующем примере показано, как использовать значение параметра по умолчанию.
Если мы вызываем функцию без аргумента, она использует значение по умолчанию:
Пример:
def my_function(country = 'России'):
print('Я из ' + country)
my_function('Швеции')
my_function('Индии')
my_function()
my_function('Бразилии')
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Атрибуты ввода HTML (часть 9)
Атрибут required
Ввод атрибута required указывает, что перед отправкой формы необходимо заполнить поле ввода.
Атрибут required работает со следующими типами входных данных: text, search, url, tel, email, password, date pickers, number, checkbox, radio, и file.
Пример – обязательное поле ввода: код.
Атрибут step
Ввод атрибута step задает допустимые интервалы чисел для поля ввода.
Пример: если step="3", законными числами могут быть -3, 0, 3, 6 и т.д.
Этот атрибут можно использовать вместе с атрибутами max и min для создания диапазона допустимых значений.
Атрибут step работает со следующими типами входных данных: number, range, date, datetime-local, month, time и week.
Пример – поле ввода с заданными интервалами законных номеров: код.
Ограничения ввода не являются надежными, и JavaScript предоставляет множество способов добавления незаконных входных данных. Чтобы безопасно ограничить ввод, он также должен быть проверен получателем (сервером).
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Атрибут required
Ввод атрибута required указывает, что перед отправкой формы необходимо заполнить поле ввода.
Атрибут required работает со следующими типами входных данных: text, search, url, tel, email, password, date pickers, number, checkbox, radio, и file.
Пример – обязательное поле ввода: код.
Атрибут step
Ввод атрибута step задает допустимые интервалы чисел для поля ввода.
Пример: если step="3", законными числами могут быть -3, 0, 3, 6 и т.д.
Этот атрибут можно использовать вместе с атрибутами max и min для создания диапазона допустимых значений.
Атрибут step работает со следующими типами входных данных: number, range, date, datetime-local, month, time и week.
Пример – поле ввода с заданными интервалами законных номеров: код.
Ограничения ввода не являются надежными, и JavaScript предоставляет множество способов добавления незаконных входных данных. Чтобы безопасно ограничить ввод, он также должен быть проверен получателем (сервером).
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Атрибуты ввода HTML (часть 10)
Атрибут autofocus
Ввод атрибута autofocus указывает, что поле ввода должно автоматически получать Фокус при загрузке страницы.
Пример – пусть поле ввода "Имя" автоматически получает фокус при загрузке страницы: код.
Атрибуты height и width
Ввод атрибутов height и width определяют высоту и ширину объекта элемента input type="image".
Всегда указывайте атрибуты высоты и ширины для изображений. Если заданы высота и ширина, то пространство, необходимое для изображения, резервируется при загрузке страницы. Без этих атрибутов браузер не знает размер изображения и не может зарезервировать для него соответствующее пространство. Эффект будет заключаться в том, что макет страницы будет меняться во время загрузки (в то время как изображения загружаются).
Пример – определить изображение кнопки "Отправить", с помощью атрибутов height и width: код.
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Атрибут autofocus
Ввод атрибута autofocus указывает, что поле ввода должно автоматически получать Фокус при загрузке страницы.
Пример – пусть поле ввода "Имя" автоматически получает фокус при загрузке страницы: код.
Атрибуты height и width
Ввод атрибутов height и width определяют высоту и ширину объекта элемента input type="image".
Всегда указывайте атрибуты высоты и ширины для изображений. Если заданы высота и ширина, то пространство, необходимое для изображения, резервируется при загрузке страницы. Без этих атрибутов браузер не знает размер изображения и не может зарезервировать для него соответствующее пространство. Эффект будет заключаться в том, что макет страницы будет меняться во время загрузки (в то время как изображения загружаются).
Пример – определить изображение кнопки "Отправить", с помощью атрибутов height и width: код.
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Функции в Python (часть 9)
Передача списка в качестве аргумента
Вы можете отправить аргумент любого типа в функцию (строка, число, список, словарь и т. д.), и внутри функции он будет рассматриваться как тот же тип данных.
Например, если вы отправите список в качестве аргумента, он все равно будет списком, когда он достигнет функции.
Пример:
def my_function(food):
for x in food:
print(x)
fruits = ['яблоко', 'банан', 'вишня']
my_function(fruits)
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Передача списка в качестве аргумента
Вы можете отправить аргумент любого типа в функцию (строка, число, список, словарь и т. д.), и внутри функции он будет рассматриваться как тот же тип данных.
Например, если вы отправите список в качестве аргумента, он все равно будет списком, когда он достигнет функции.
Пример:
def my_function(food):
for x in food:
print(x)
fruits = ['яблоко', 'банан', 'вишня']
my_function(fruits)
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Функции в Python (часть 10)
Возвращаемые значения
Чтобы функция возвращала значение, используйте оператор return.
Пример:
def my_function(x):
return 5 * x
print(my_function(3))
print(my_function(5))
print(my_function(9))
Оператор pass
Функции не могут быть пустыми, но если по какой-то причине у вас есть определение функции без содержимого, добавьте оператор pass чтобы избежать ошибки.
Пример:
def myfunction():
pass
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Возвращаемые значения
Чтобы функция возвращала значение, используйте оператор return.
Пример:
def my_function(x):
return 5 * x
print(my_function(3))
print(my_function(5))
print(my_function(9))
Оператор pass
Функции не могут быть пустыми, но если по какой-то причине у вас есть определение функции без содержимого, добавьте оператор pass чтобы избежать ошибки.
Пример:
def myfunction():
pass
📋 #Backend #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
🧾 Атрибуты ввода HTML (финал)
Атрибут list
Ввод атрибута list относится к элементу datalist, содержащий предварительно определенные параметры для элемента input.
Пример – один элемент input с заданными значениями в datalist: код.
Атрибут autocomplete
Ввод атрибута autocomplete указывает, должна ли форма или поле ввода иметь автозаполнение включено или выключено.
Автозаполнение позволяет браузеру предсказать значение. Когда пользователь начинает вводить поле, браузер должен отображать параметры для заполнения поля, основанные на ранее введенных значениях.
Атрибут autocomplete работает с form и input типами: text, search, url, tel, email, password, datepickers, range, и color.
Пример – HTML форма с включенным и выключенным автозаполнением для одного поля ввода: код.
В некоторых браузерах вам может потребоваться активировать функцию автозаполнения, чтобы это работало.
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
Атрибут list
Ввод атрибута list относится к элементу datalist, содержащий предварительно определенные параметры для элемента input.
Пример – один элемент input с заданными значениями в datalist: код.
Атрибут autocomplete
Ввод атрибута autocomplete указывает, должна ли форма или поле ввода иметь автозаполнение включено или выключено.
Автозаполнение позволяет браузеру предсказать значение. Когда пользователь начинает вводить поле, браузер должен отображать параметры для заполнения поля, основанные на ранее введенных значениях.
Атрибут autocomplete работает с form и input типами: text, search, url, tel, email, password, datepickers, range, и color.
Пример – HTML форма с включенным и выключенным автозаполнением для одного поля ввода: код.
В некоторых браузерах вам может потребоваться активировать функцию автозаполнения, чтобы это работало.
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
