您如何做到这一点，以便有人无需输入文本框即可在您的网站上“输入”？

Question

So I am currently developing a terminal like website where you put in a command and something happens. 因此，我目前正在开发类似网站的终端，您在其中输入命令并发生了某些情况。 This is what my CSS and HTML files looks like... 这就是我的CSS和HTML文件的样子...

 p { color: white; font-family: fixedsys, LucidaTerminal, monospace } .blink_text { -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; color: white; } @-moz-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @-webkit-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } }

 <!DOCTYPE html> <head> <link rel="stylesheet" type="text/css" href="interface.css"> </head> <body style="background-color:black;"> <p style="display:inline">~/Link/Hydrogen/Helium/Lithium></p> <span class="blink_text">_</span> </body>

So what I want is the user can type in a command, press enter, and something will happen, like "print 'python'" or like a help command that displays all commands. 因此，我想要的是用户可以键入命令，然后按Enter，然后会发生一些事情，例如“ print'python'”或显示所有命令的帮助命令。 Also how do I make it so that when they press enter a command is executed. 还有我该怎么做，以便当他们按Enter时执行命令。

Answer 1

Use a form with a textarea and make the borders and the background transparant. 使用带有文本区域的表单，并使边框和背景透明。 Do not add a submit button. 不要添加提交按钮。 Submit (with javascript fallback) on pressing enter. 按下Enter提交（使用JavaScript后备）。 Does that work for you? 那对你有用吗？

您如何做到这一点，以便有人无需输入文本框即可在您的网站上“输入”？

问题描述

1 个解决方案

解决方案1
0 已采纳 2016-04-30 17:42:51

您如何做到这一点，以便有人无需输入文本框即可在您的网站上“输入”？

问题描述

1 个解决方案

解决方案1 0 已采纳 2016-04-30 17:42:51

解决方案1
0 已采纳 2016-04-30 17:42:51