实现点击文本,变成文本框可输入

 <script>  
  function   mm()  
  {  
      var   td   =   window.event.srcElement;  
      if(td.tagName=="TD")  
      {  
          td.innerHTML   =   "<input   style='width:   100%'   value='"+    
          td.innerHTML   +"'   οnblur='this.parentNode.innerHTML=this.value'   οnkeypress='if(this.parentNode.nextSibling&&event.keyCode==13)this.parentNode.nextSibling.click();'>";  
          td.childNodes[0].focus();  
      }  
  }  
  </script>  
  <table   border=1   width=200   οnclick="mm()">  
   
  <tr><td>sdf</td><td>sdf</td><td>sdf</td><td>sdf</td>  
  </tr>  
  <tr><td>sdf</td><td>sdf</td><td>sdf</td><td>sdf</td>  
  </tr>  
  </table>

在网页中实现这样的功能通常会用到HTML、CSS和JavaScript(或jQuery)。以下是一个简单的步骤说明: 1. **HTML结构**: 创建一个包含文本输入框`<input>`和按钮`<button>`的基本结构: ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>获取输入并显示</title> </head> <body> <input type="text" id="myInput" placeholder="请输入内容"> <button onclick="displayText()">显示</button> <div id="messageBox" style="display:none;"></div> </body> </html> ``` 这里,`id="myInput"`用于获取用户输入,`onclick="displayText()"`设置按钮点击事件。 2. **JavaScript功能**: 使用JavaScript编写`displayText()`函数,该函数会在按钮被点击时获取输入框的内容并显示在一个隐藏的`<div>`元素中(这里假设我们使用的是基本的DOM操作): ```javascript <script> function displayText() { var input = document.getElementById('myInput'); var message = input.value; // 获取输入文本 document.getElementById('messageBox').innerText = message; // 显示在messageBox document.getElementById('messageBox').style.display = 'block'; // 展示div } </script> ``` 3. **简要解释**: - `getElementById`是根据元素ID查找元素的方法,这里用来找到输入框和弹出框。 - 当用户点击按钮时,调用`displayText`函数,获取输入框中的文本并将其赋给`message`变量。 - 将`message`设置为弹出框的内容,然后改变其`display`样式从`none`变为`block`,使其可见。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值