Для создания выбора секунд от 1 до 60 с использованием элемента `<input>` типа `time`, вам нужно учитывать, что этот элемент не поддерживает выбор только секунд. Однако вы можете использовать комбинацию нескольких элементов `<input>` или кастомный интерфейс для выбора секунд.
Вот один из возможных подходов с использованием стандартного `<input>` типа `number` для выбора секунд, чтобы создать более удобный интерфейс.
```html
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Выбор секунд</title>
</head>
<body>
<form>
<!-- Выбор часов и минут через input типа time -->
<label for="time">Выберите время:</label>
<input type="time" id="time" name="time" required>
<!-- Выбор секунд через input типа number -->
<label for="seconds">Выберите секунды (1 - 60):</label>
<input type="number" id="seconds" name="seconds" min="1" max="60" required>
<button type="submit">Отправить</button>
</form>
<script>
// Обработчик отправки формы
document.querySelector('form').addEventListener('submit', function(event) {
event.preventDefault(); // Отменяем стандартное поведение формы
const timeValue = document.getElementById('time').value;
const secondsValue = document.getElementById('seconds').value;
console.log(`Выбранное время: ${timeValue}, выбранные секунды: ${secondsValue}`);
alert(`Выбранное время: ${timeValue}, выбранные секунды: ${secondsValue}`);
});
</script>
</body>
</html>
```
### Как это работает:
1. **Выбор времени:** Элемент `<input type="time">` позволяет пользователю выбирать часы и минуты.
2. **Выбор секунд:** Элемент `<input type="number">` предоставляет удобный интерфейс для ввода значения секунд с ограничением от 1 до 60.
3. **Обработчик формы:** Скрипт JavaScript обрабатывает событие отправки формы. В нем можно получить значения времени и секунд, а затем выполнять необходимые действия (например, отправлять на сервер или обрабатывать далее).
### Альтернативный вариант:
Если вы хотите создать комбинированный компонент для более комплексного выбора времени, можно рассмотреть использование JavaScript-библиотек или написание собственного виджета с этой функциональностью.