Для создания отступа к тексту с использованием JavaScript и HTML без CSS, вы можете использовать элемент `<span>` или просто пробелы/неразрывные пробелы для добавления отступа. Давайте рассмотрим пример кода, который будет генерировать текстовые поля в зависимости от вводимого пользователем числа, с учетом требования о выравнивании первых 9 строк.
Вот пример HTML и JavaScript, который выполняет ваши требования:
```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>
<h2>Введите количество строк для генерации:</h2>
<input type="number" id="inputNumber" min="1">
<button onclick="generateFields()">Сгенерировать</button>
<div id="output"></div>
<script>
function generateFields() {
const number = parseInt(document.getElementById('inputNumber').value);
const outputDiv = document.getElementById('output');
outputDiv.innerHTML = ''; // Очистка предыдущего вывода
for (let i = 1; i <= number; i++) {
// Добавление отступа для первых 9 строк
let indent = i <= 9 ? ' ' : ''; // 7 неразрывных пробелов
// Создание строки с полем ввода
outputDiv.innerHTML += indent + 'Строка ' + i + ': <input type="text"><br>';
}
}
</script>
</body>
</html>
```
### Объяснение кода:
1. **HTML-структура:**
- Ввод числа осуществляется через элемент `<input>` с типом `number`.
- Кнопка вызывает функцию `generateFields()` для генерации текстовых полей.
2. **JavaScript:**
- В функции `generateFields()` считывается введенное пользователем число.
- В зависимости от введенного числа создается цикл `for`, который генерирует строки с текстовыми полями.
- Для первых 9 строк вычисляется отступ в виде 7 неразрывных пробелов (` `), который добавляется перед текстом. Начиная с 10-й строки отступ не добавляется.
С помощью этого подхода первые строки будут выровнены с учетом требования не использовать CSS. Вы можете менять количество неразрывных пробелов, чтобы регулировать размер отступа.