Input
Input — поле ввода текста.
Используй эту механику, если ты не планируешь предлагать ученику варианты ответа. Обрати внимание, что ответ в инпуте проверяется строго: если слово хотя бы на одну букву не совпадёт с задуманным ответом, будет ошибка. Но ученик может без проблем писать «свекла» или «свёкла», «банан» или «БАНАН» — к точкам над Ё и к регистру инпут не чувствителен.
Знакомься с разновидностями инпутов:
- Input. Базовый вариант поля ввода. Ученик видит пустое окошко, вписывает в него ответ, нажимает на стрелку в инпуте или на Enter — и происходит проверка ответа.
- Input in value. Здесь ты предлагаешь готовый текст, который ученик должен изменить. Подходит для заданий, где нужно вставить пропущенные буквы, изменить форму слова или расставить знаки препинания. Если в таком инпуте есть пропуски, то сначала нужно удалить их, а потом вписать то, что требуется.
- Input placeholder. Ты можешь подсказать ученику, с какой буквы или с каких букв начинается ответ, а ещё перемешать буквы слова. Подсказка в инпуте показывается серым цветом. Как только ученик начнёт набирать текст, она исчезнет.
- Math-input. Отдельный вид инпута для записи математических уравнений, неравенств, степеней, обыкновенных дробей и всего остального, что не написать в обычном инпуте. Вводить такие ответы помогает специальная математическая клавиатура.
Сделать инпут, куда ученик впишет любой ответ, нельзя. Технически верстальщик сможет это реализовать, оставив инпуты без предвведённых ответов, но на практике это вызовет сложности у детей. Ученик впишет слова, нажмёт Enter, но ничего не произойдёт, ответ не отправится. В таких ситуациях школьники думают, что механика не работает, и пишут негативные отзывы. Поэтому всегда закладывай в инпут варианты ответа.
Изучим всё это на практике! Посмотри, как выглядят все разновидности инпута.
- Input. Запиши начальную форму слова «кони».
Ответ: [ ].
- Input placeholder. Составь из указанных букв название одного из членов предложения.
Ответ: [ ].
- Input in value. Вставь пропущенные буквы.
[ ]
- Math-input. Запиши с помощью математической клавиатуры: \({x \in \R}\) .
Ответ:[ ].
К таким заданиям с Input in value, как в примере выше, можно добавить примечание о том, что Enter нужно нажимать, только когда внесены все-все изменения внутри инпута. Если, допустим, ученик вставит только одну пропущенную букву и нажмёт Enter, то ответ будет полностью ошибочным, даже если буква вставлена верно.
\(~~~\)
Как оформить в ТЗ?
- Input обозначь фигурными скобками, внутри них укажи ответ и выдели его зелёным фоном. Если в инпуте должно быть несколько вариантов записи ответа, раздели их знаком равенства. Просчитай все возможные синонимичные варианты ответа: к варианту «Паша» добавь «Павел», а к варианту «Россия» — «Российская Федерация» и «РФ».
{Осло} — столица Швеции.
Пекин — столица {Китая = КНР = Китайской Народной Республики}.
\(~~~\)
- Принцип оформления Math-input тот же самый, нужна лишь пометка math input.
\(~~~\)
- Подсказки в Input placeholder укажи в круглых скобках перед инпутом.
Инструмент для забивания гвоздей — (м){молоток}.
\(~~~\)
- Круглые скобки нужны и для Input in value.
Маша (любить){любит} (каша){кашу}.