(HTML & CSS) Как выполнить действие, когда пользователь нажимает «Enter»

Question

Мне было интересно, как сделать так, чтобы пользователь мог ввести какой-то текст и нажать клавишу ввода, чтобы выполнить действие. Я нашел учебники о том, как это сделать, однако я хочу использовать только HTML и CSS.

* Редактировать: пользователь по имени ScottieG сообщил мне, что я не могу сделать это без одного HTML и CSS. Я не прояснил это, но я МОГУ использовать Javascript, но я просто не могу использовать некоторые функции, такие как eval () или новая функция. Вы можете использовать эту ссылку, чтобы узнать больше: https://developer.chrome.com/apps/contentSecurityPolicy *

input[name="newtask"] {
  text-decoration: none;
  position: absolute;
  top: 100px;
  left: 50px;
  width: 418px;
  word-wrap: break-word;
  font-size: 20px;
  font-family: 'Quicksand', sans-serif;
  color: white;
  border: none;
  background: none;
  outline: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

<input type="text" name="newtask" value="" spellcheck="false" placeholder="New Task"><br>

Answer 1

Ваш информатор Скотти G прав, потому что языки HTML и CSS используются только для проектирования и разработки веб-страниц и говорят о включении кнопки формы в код, да, вы можете выполнить отправку, но эта отправка не может выполнить какое-либо действие, или мы можемскажем, что вы не получите информацию, которая была введена другим пользователем в форму, если вы не создадите страницу php для передачи информации из вашей формы в базу данных.Если вы хотите изучать back-end, тогда перейдите на язык PHP и начните с базового, потому что front-end, то есть HTML, и CSS - это только базовая вещь, или 5% всей веб-разработки.Они также являются предопределенными PHP-кодами, доступными в Интернете для получения ввода из вашей формы, но я предпочитаю изучать PHP в долгосрочной перспективе.Это будет полезно для вашей части веб-разработки.

Answer 2

Вы можете поместить ввод в форму и иметь кнопку отправки.По умолчанию в форме при нажатии Enter выполняется действие Отправить.

<form action="/action"> <input type="text" name="newtask" value="" spellcheck="false" placeholder="New Task"><br> <button type="submit">Submit</button> </form>