html - 如何获得完全独立的菜单

Closed. This question is off-topic。它当前不接受答案。












                            想改善这个问题吗？ Update the question，所以它是on-topic，用于堆栈溢出。

                        3年前关闭。



我有这个项目http://codepen.io/neuberfran/pen/LZEgEr

But when I click in second menu, change the first menu

How I fix this issue?

最佳答案

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/estilos.css">
    <title>wHome automatização</title>
</head>
<body>
    <div class="wrap">
        <div class="info">
            <h1>Controlando minha Janela</h1>
        </div>

        <form action="" class="formulario">
            <div class="radio">
                <h2>Lado Direito</h2>
                <input type="radio" name="radio" id="Abrir">
                <label for="Abrir">Abrir</label>

                <input type="radio" name="radio" id="Parar">
                <label for="Parar">Parar</label>

                <input type="radio" name="radio" id="Fechar">
                <label for="Fechar">Fechar</label>
            </div>
        </form>

        <form action="" class="formulariob">
            <div class="radiob">
                <h3>Lado Esquerdo</h3>
                <input type="radio" name="radio" id="test">
                <label for="test">Abrir</label> 

                <input type="radio" name="radio" id="test1">
                <label for="test1">Parar</label>

                <input type="radio" name="radio" id="test3">
                <label for="test3">Fechar</label>
            </div>
        </form>
    </div>
</body>
</html>

您必须更改第二个菜单的ID和标签

关于html - 如何获得完全独立的菜单，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37581101/

上一篇：html - 防止 span 元素换行

下一篇：javascript - 顶部导航栏元素 chop 下图

相关文章：

javascript - 根据元素的 ID 设置元素的数据属性

javascript - 在 IE6 中使用一维(CSS)缩放图像时如何保持纵横比？

angularjs - 如何在 Angularjs 中订购父子层次结构

html - 将整个 <li> 变成链接

javascript - Angular - 如何在 $compile 中使用 $scope？

javascript - 清除文本输入并禁用按钮 onclick Angularjs

html - 将 Canvas Sprite 对象添加到 Canvas ？

javascript - 使用 jquery 5 秒后关闭对话框

javascript - 将元素添加到另一个元素

html - CSS - 在 BUTTON 元素内垂直居中