文本框事件——单击 隐藏与显示
来源:互联网 发布:滨州行知中学 编辑:程序博客网 时间:2024/05/21 01:27
这篇小博文描述了再做input文本框输入的时候,选择不同的按钮,文本框出现与否不同。
这里面使用了一小段JavaScript代码,很简单,很实用。
<html><body> <tr> <td align="left">是否有地域</td> <td align="left"> <input type="radio" style="width: 80px" name="tb_region" value="y" id="test1">是 <input type="radio" style="width: 80px" name="tb_region" value="n" id="test2">否</td> <td style="width:500px"> <input type="text" id="spa" name="spa" value="请输入地域" style="size:10px; display:none" class="gray" onclick="if(this.value=='请输入地域'){this.value='';this.className='black'}" onblur="if(this.value=='') {this.value='请输入地域';this.className='gray'}" /></td></tr> <tr> <td align="left">是否有时间</td> <td align="left"> <input type="radio" style="width: 80px" name="tb_shijian" value="y" id="test3">是 <input type="radio" style="width: 80px" name="tb_shijian" value="n" id="test4">否</td> <td style="width:500px"> <input type="text" id="spa1" name="spa1" value="请输入时间" style="size:10px; display:none" class="gray" onclick="if(this.value=='请输入时间'){this.value='';this.className='black'}" onblur="if(this.value=='') {this.value='请输入时间';this.className='gray'}" /> <!--<span style="color:#C0C0C0;size: 10px">●请选择是否有时间</span></td>--> </tr><script type="text/javascript"> document.getElementById("test1").onclick=function(){ document.getElementById("spa").style.display="none"; } document.getElementById("test2").onclick=function(){ document.getElementById("spa").style.display="block"; } document.getElementById("test3").onclick=function(){ document.getElementById("spa1").style.display="none"; } document.getElementById("test4").onclick=function(){ document.getElementById("spa1").style.display="block"; }</script></html>
0 0
- 文本框事件——单击 隐藏与显示
- javascript:单击按钮显示/隐藏文本框
- jq单击显示隐藏
- 静态文本框响应单击事件
- 单击文本框显示隐藏提示文本,失去焦点时再显示提示文本
- jqueryclick事件-隐藏与显示
- DataGridView初始化——添加列、添加行号、连接数据库、单击单元格在文本框中显示
- 显示隐藏文本框
- ExtJs—Grid多选框中勾选与单击事件的冲突
- CSS动态实现文本框清除按钮的隐藏与显示
- 一步一步学android之事件篇——单击事件(示例:改变屏幕显示方向)
- Easyui datebox单击文本框显示日期选择
- 【Android 开发入门】为按钮添加Click单击事件处理程序,显示/隐藏另一个按钮
- Jquery事件的显示与隐藏
- 关于点击显示与隐藏的事件
- vue的单击隐藏、双击出现事件:
- 一行代码实现单击显示,再单击隐藏
- 单击按钮显示隐藏子菜单
- python3 用ConfigParser包处理 ini文件
- MySQL导入失败
- [回归分析][12]--主成分分析
- 代理模式
- 借助tomecat发布web项目的发布
- 文本框事件——单击 隐藏与显示
- samba服务器安装(总是忘,记录一下)
- Android 导入下载的Project缺少gradle文件处理办法
- PTAA-1043-Is It a Binary Search Tree (25)
- 【11月】Hey!English
- ECMA5Script执行环境和作用域
- LUA学习路线汇总
- opencv快速傅里叶变换实例
- 2016年12月9日学习笔记