HTMer

研究互联网络和电脑应用技术的IT技术网。 (勤奋+智慧→理想)

« 利用Excel照相机功能实现数据以图片方式实时更新的方法给WinRAR压缩文件添加注释的方法 »

点击单选接钮后显示隐藏层的方法

    今天在做网页时用到了用户提交意见表单,需要用户按照指定的意见进行选择,或者自已提出新意见,如果提出新意见,其实就是点击单选接钮后显示隐藏层,现把相关代码拿来分享。

    运行效果图如下所示:

    原理就是利用单选按钮的onclick事件来控制文本域的样式为显示或者隐藏,相关代码如下所示:

<form action="" method="get">
请选择您的意见:
<input type="radio" name="radiobutton" onclick="htmer.style.display='none'" />优秀
<input type="radio" name="radiobutton" onclick="htmer.style.display='none'" />良好
<input type="radio" name="radiobutton" onclick="htmer.style.display='none'" />好
<input type="radio" name="radiobutton" onclick="htmer.style.display='none'" />不好
<input type="radio" name="radiobutton" onclick="htmer.style.display=''" />自定义意见<br />
<textarea id="htmer" rows="5" style="display:none">当你选择“自定义意见”后,这部分内容将显示出来让用户填写。
</textarea>
<input type="submit" name="Submit" value="提交">
</form>


欢迎转载,转载请注明:转载自HTMer [ http://www.htmer.com/ ]

本文链接地址:http://www.htmer.com/article/496.htm

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

HTMer , Powered By Z-Blog, 苏ICP备08003082号

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议.
HTM|HTML|ASP|PHP|JSP|Mysql|SQL|Dreamweaver|Flash|Fireworks|Photoshop|SEO Copyright www.HTMer.com. Some Rights Reserved. English Version