html实现radio按钮选中后显示输入框和提示

最新推荐文章于 2023-05-10 19:50:57 发布

windvally

最新推荐文章于 2023-05-10 19:50:57 发布

阅读量1w

点赞数 1

分类专栏： html+js

本文链接：https://blog.youkuaiyun.com/windvally/article/details/50899587

版权

html+js 专栏收录该内容

8 篇文章

订阅专栏

本文介绍一种不依赖JavaScript的HTML方法，当单选按钮被选中时，如何巧妙地显示输入框和提示信息，对于惧怕JS的开发者来说非常实用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果内心深处恐惧ＪＳ的话，以下是很简单实用的方法：

<div >

<input type="radio" name="c_guomin" value="yes" style="align: bottom;margin-left:20pt;margin-right:10pt"
οnclick="document.getElementById('gmwp').style.display='';document.getElementById('label').style.display='' " />有
<input type="radio" name="c_guomin" value="no" style="align: bottom;margin-left:20pt;margin-right:10pt"
οnclick="document.getElementById('gmwp').style.display='none';document.getElementById('label').style.display='none';
document.getElementById('gmwp').value=''"/>没有

</div>
<div style="font-family:microsoft yahei;font-size:22pt;padding-left:50pt;padding-top:10pt;color:#4F4F4F">
<label id="label" style="display:none" >请输入名称：<br></label>
<input type="text" name="c_guomin_name" id="gmwp" style="display:none"
style="align: bottom;margin-left:20pt;margin-right:10pt;margin-top:10pt" />
</div>