html制作,点击文字超链接显示文本框,再点击文字超链接隐藏文本框

如题所述

第1个回答  2014-05-02
</head>
<body>
<script>
window.onload=function(){
document.getElementById('click').onclick=function(){

if (document.getElementById('text').style.display=='none'){
document.getElementById('text').style.display='block';
}else{
document.getElementById('text').style.display='none';
}
}
}

</script>
<a id='click' href='###'>文字超链接</a>
<input type='text' style='display:none;' id='text' />
</body>追问

文本框下面可以加个按钮吗?

追答



window.onload=function(){
document.getElementById('click').onclick=function(){
if (document.getElementById('text').style.display=='none'){
document.getElementById('text').style.display='block';
document.getElementById('buuton').style.display='block';
}else{
document.getElementById('text').style.display='none';
document.getElementById('button').style.display='none';
}
}
}

文字超链接

追问

不行

追答

额,我不小心写错了一个单词 ,这个你也不能直接套呀,要根据你的页面灵活使用这里我给你整合一下,按钮跟输入框放在一个DIV里面啦

Bom对象

window.onload=function(){
document.getElementById('click').onclick=function(){
if (document.getElementById('text').style.display=='none'){
document.getElementById('text').style.display='block';
}else{
document.getElementById('text').style.display='none';
}
}
}

文字超链接

追问

哪个单词错了?

追答

改过来了你直接用新的

追问

window.onload=function(){
document.getElementById('click').onclick=function(){
什么意思?

function 名称()
{

}
一般都是这样写

追答

这个是个匿名函数,表示的当全部的文档加载完在执行,如果不加上的话,要把js代放在最后,因为先执行js的时候后面的还没有加载就会报错

追问

document.getElementById('text').style.display=='none'
document.getElementById('text').style.display='block'

追答

==是一个判断表达式,会返回一个布尔值,=号是赋值操作

本回答被提问者采纳

html制作,点击文字超链接显示文本框,再点击文字超链接隐藏文本框
<a id='click' href='###'>文字超链接<\/a> <input type='text' style='display:none;' id='text' \/> <\/body>

...内容,再点击文字超链接隐藏下方内容 html代码制作
DOCTYPE html><html><head><script src="\/jquery\/jquery-1.11.1.min.js"><\/script><script type="text\/javascript">$(document).ready(function(){ $("button").click(function(){ $("p").toggle(); });});<\/script><\/head><body><button type="button">切换<\/button><p>这...

web前端鼠标点击超链接出现隐藏文字
1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的<script>标签中,输入js代码:('button').click(function () {$('div').css('display', 'block');});3、浏览器运行index.html页面,会有个显示按钮。4、点击显示按钮,此时被隐藏的内容显示了出来。

怎样制作点击文字跳转链接 ?
1、首先打开需要编辑的Word文档,进入到编辑页面中 。2、然后点击输入制作超链接的文字,框选输入的文字。3、然后右键单击文字选择打开“超链接”选项。4、然后在弹出来的窗口中选择想要的超链接,回车确定就可以了。

如何在HTML语言中给文字加上超链接
1、首先使用超链接,输入代码“a”。2、接下来需要设置元素a,根据下图中的代码进行输入。3、然后需要设置href值,也就是需要跳转的位置,根据下图中的代码进行输入自己想要的超链接。4、然后这样就完成了。如图所示 5、然后设置后的效果图 6、然后点击文字就可以调到百度页面了,跳转网页图如下:...

html 在一个超链接上面,鼠标移动上去时,也显示一串文字,如何实现
html中超链接使用“href标签”上面的文字使用“title标签”,使用方式如下:<a href="超链接内容" target="点击超链接的弹出方式" title="悬浮文字,就是你鼠标放上去想要的内容">页面上超链接的显示<\/a> 示例如下:=== <html> <head> <meta charset="UTF-8"> <title>Html的超链接悬浮文字<\/t...

网页制作怎么做超链接网页制作的超链接怎么做
1、打开Dreamweaver,找到设置超链接的选项,进行设置;2、点超链接的设置后,会出现一个对话框,是对链接进行设置的;3、两个链接都制作成功后,可以稍作小小的修改,是网页更加好看一些,在两个链接中添加换行的标签;4、代码程序编写好后,记得保存html文件,Ctrl+s就可以了;5、网页文件保存好后就...

隐藏文字隐藏文字的方法
接着,我们介绍两种基于HTML结构的隐藏技术。第一种是使用``标签进行隐藏链接。通过将链接包裹在一个``中,并将其设置为不可见(例如使用CSS的`display:none`属性),用户在页面加载时将无法看到这个链接。然而,链接仍然保留其超链接属性,因此对于搜索引擎和脚本程序来说,这段文本还是可访问的。第二种...

html点击按钮弹出输入框(html单击按钮弹出消息框)
3、浏览器运行index.html页面,此时的输入框有了提示文字“请输入账号”,密搭返祥码框有了提示知搏文字“请输入密码”。在HTML中怎么点击一个按钮能弹出一个选项框【1】其中btnid为按钮的ID psd为用户的密码(用户以前的雀念唤密码)document.getElementById(btnid).onclick=function(){ varpassword=...

如何在HTML语言中给文字加上超链接
可以使用input的click事件进行处理,这里假设点击转向的链接是百度,方法如下:1、DOM0级事件处理:1)html代码:2)js代码:functiongoToBaiDu(){ console.log('现在去百度啦!')window.open('www.')} 效果如下:2、DOM2级事件,绑定click事件,如下:1)html代码:2)js代码:window.onload=function...

相似回答