Question

我想创建一个textarea，您可以在其中键入内容，黑色背景和绿色文本以及＆＃34;＆gt; _＆＃34;眨眼。

我该如何制作呢？

Answer 1

您可以在CSS中使用它：

textarea {
    background-color: #000;
    border: 1px solid #000;
    color: #00ff00;
    padding: 8px;
    font-family: courier new;
}

Answer 2

<!doctype html>
<html>
<head>
<style>

</style>
<meta charset="utf-8" />
<title>Demo -TextArea</title>
<link rel="stylesheet" type="text/css" href="jqueryui.css">

<script src="jquery.js"></script>
<script src="jqueryui.js"></script>
<script>
$(document).ready(function() {
$("#myTextArea").html(">_");

setInterval(function(){
removeAndAppendBlickWraper();
},2000);

});

function removeAndAppendBlickWraper(){
        removeAndAppendBlick(function(){

                var text = $("#myTextArea").val(),
                withCursortext =text+">_";
                $("#myTextArea").val(withCursortext);

        });
}
function removeAndAppendBlick(callback){
var text = $("#myTextArea").val();
 var witoutCursor = text.substr(0,text.lastIndexOf(">_"));
 $("#myTextArea").val(witoutCursor);
 setTimeout(function(){
 callback();
 },1500);

}

</script>
</head>
<body>
<textarea id="myTextArea" style="background-color: black;color: green;" row="5"></textarea>
</body>
</html>

DEMO（感谢amit kate）

如何制作像textarea这样的终端，你可以输入？

2 个答案: