html+Javascript实现输入框功能
Javascript做一个输入框。然后html调用Javascript文件接着网页显示输入框。虽然html可以直接弄输入框,但是我想试试用js做好输入框然后html调用。...
Javascript做一个输入框。 然后html调用Javascript文件 接着网页显示输入框。 虽然html可以直接弄输入框, 但是我想试试用js做好输入框 然后html调用。
展开
1个回答
展开全部
<!doctype html>
<html>
<枯扒head>
<meta charset="utf-8"/>没腔昌
<title></title>
<style type="text/css">
</style>
<script>
function myFunction(){
var btn=document.createElement("input");
document.body.appendChild(btn);
};
</script>
</head>
<body>
<button onclick="myFunction()">圆槐点我</button>
</body>
</html>
追问
输入框不可以让他直接显示出来吗? 那个按钮不要
追答
<!doctype html>
<html>
<head>
<title>demo</title>
<meta charset="utf-8"/>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<style type="text/css">
</style>
<script>
$(function(){
$("p").append("<input type='text' />")
})
</script>
</head>
<body>
<p></p>
</body>
</html>
我用了更简单的jQuery写了,你这个输入框具体要在哪里出现,用jQuery来做的话也会更方便
下面是JS的写法
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title></title>
<style type="text/css">
</style>
<script>
function f1(){
var para=document.createElement("input");
document.body.append(para);
}
</script>
</head>
<body onload="f1()">
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询