html+Javascript实现输入框功能

Javascript做一个输入框。然后html调用Javascript文件接着网页显示输入框。虽然html可以直接弄输入框,但是我想试试用js做好输入框然后html调用。... Javascript做一个输入框。 然后html调用Javascript文件 接着网页显示输入框。 虽然html可以直接弄输入框, 但是我想试试用js做好输入框 然后html调用。 展开
 我来答
千年不死樱
2017-01-05 · TA获得超过1万个赞
知道大有可为答主
回答量:3767
采纳率:72%
帮助的人:2515万
展开全部
<!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>


推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式