为了账号安全,请及时绑定邮箱和手机立即绑定

当我单击一个单选按钮时更改布局形式

当我单击一个单选按钮时更改布局形式

Cats萌萌 2024-01-18 15:56:48
你好,我是一名学生,最近我正在学习 JavaScript、CSS 和 HTML,在做练习时我遇到了问题。在练习中,我使用 Bootstrap。function Form(stringa){    document.getElementById("form1").style.display="none";            document.getElementById("form2").style.display = "none";     document.getElementById(stringa).style.display = "block"; }<!doctype html><html>  <head>    <title>Form di registrazione</title>  </head>  <body>   <div class="container">     <h1>Form di Registrazione</h1>      <div class="form-check form-check-inline">        <input class="form-check-input" type="radio" name="inlineRadioOptions" value=1 onclick="Form('form1');" >        <label class="form-check-label" for="inlineRadio1">Privato</label>      </div>       <div class="form-check form-check-inline">        <input class="form-check-input" type="radio" name="inlineRadioOptions" onclick="Form('form2'); " value=2>        <label class="form-check-label" for="inlineRadio2">Azienda</label>      </div>      <form id="form1" class="row g-3" value=1>        <div class="col-md-6">          <label for="inputEmail4" class="form-label">Email</label>          <input type="email" class="form-control" id="inputEmail4">        </div>        <div class="col-md-6">          <label for="inputPassword4" class="form-label">Password</label>          <input type="password" class="form-control" id="inputPassword4">        </div>    </form>    <form id="form2" type="hidden"class="row g-3"style="display:none;" value=2>      <div class="col-md-6">        <label for="inputEmail4" class="form-label">Eeeeee</label>        <input type="email" class="form-control" id="inputEmail4">      </div>    </form>    </div>  </body></html>为什么当我单击单选按钮时它会更改表单布局?
查看完整描述

1 回答

?
拉风的咖菲猫

TA贡献1995条经验 获得超2个赞

您已经有了 2 种不同的表格。单击无线电输入(放置在表单之外?什么?)将运行带有切换表单显示的功能。

发生了什么:隐藏一个表单并显示另一个具有不同数量输入的表单。


查看完整回答
反对 回复 2024-01-18
  • 1 回答
  • 0 关注
  • 92 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信