(HTML和CSS)用户按下“ Enter”时如何执行操作

时间:2019-07-04 05:03:04

标签: html css input google-chrome-extension

我想知道如何做到这一点,以便用户可以输入一些文本并按Enter来执行操作。我找到了有关如何执行此操作的教程,但是我只想使用HTML和CSS。

*编辑:一个名为ScottieG的用户告诉我,如果没有HTML和CSS,我无法做到这一点。我没有说清楚,但是我可以使用Javascript,但是我不能使用某些功能,例如,eval()或new Function。您可以使用此链接来了解更多信息: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>

2 个答案:

答案 0 :(得分:0)

您可以将输入内容放入表单中并具有一个提交按钮。默认情况下,按Enter时将以表格形式执行Submit操作。

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

答案 1 :(得分:0)

您的告密者scottie G是正确的,因为html和css语言仅用于设计和开发网页以及谈论在代码中包含表单按钮,是的,您可以执行提交,但是提交不能执行任何操作,或者我们可以说您将不会获得表单中其他用户输入的信息,除非您创建一个php页面将信息从表单传输到数据库。如果您想学习后端而不是学习PHP语言,并从基础开始学习,因为前端即HTML和CSS只是基础知识,占整个Web开发的5%。它们也是预定义的PHP代码,可从Internet上获取,以从您的表单中获取输入信息,但从长远来看,我更喜欢学习PHP。这将对您的Web开发部分很有帮助。