Javascript 在引导中隐藏和显示按钮
开发者 我这里有隐藏和显示按钮的问题Javascript 在引导中隐藏和显示按钮,javascript,html,css,twitter-bootstrap,bootstrap-4,Javascript,Html,Css,Twitter Bootstrap,Bootstrap 4,开发者 我这里有隐藏和显示按钮的问题 <!-- Create Folder button --> <li class="nav-item"> <a href="" class="btn btn-primary btn-sm active" role="button" aria-pressed="true" onclick="document.getElementById('createFolderForm').style.disp
<!-- Create Folder button -->
<li class="nav-item">
<a href="" class="btn btn-primary btn-sm active" role="button" aria-pressed="true" onclick="document.getElementById('createFolderForm').style.display = 'block'; return false;"> <i class="far fa-folder fa-1x"></i> Create Folder</a>
<form id="createFolderForm" action="/create-folder" method="post" style="display: none; font-size: smaller;">
{{ csrf_field() }}
<BR>
<input type="hidden" name="folder" value="{{ $path }}">
<input type="text" name="name" placeholder="Folder name" required>
<input type="submit" value="Create" class="btn btn-success btn-sm">
</form>
</li>
<br><br>
<!-- Upload files button -->
<li class="nav-item">
<a href="" class="btn btn-primary btn-sm active" role="button" aria-pressed="true" onclick="document.getElementById('uploadForm').style.display = 'block'; return false;"><i class="fas fa-cloud-upload-alt"></i> Upload File</a>
<form id="uploadForm" action="/upload" method="post" style="display: none; font-size: smaller;" enctype="multipart/form-data">
{{ csrf_field() }}
<BR>
<input type="hidden" name="folder" value="{{ $path }}">
Select file to upload:<BR>
<input type="file" name="file" id="fileToUpload" required>
<BR><BR> <i class="fas fa-lock"></i>
Encrypt
<input type="checkbox" name="encrypt" value="1">
<BR><BR>
<input type="submit" value="Upload" class="btn btn-success btn-sm">
</form>
</li>
</ul>
<br><br>
{{csrf_field()}}
{{csrf_field()}}
选择要上载的文件:
加密
我已经创建了一个文件夹和上传文件按钮,我想他们在某种形式的导航。我面临的问题是,当我单击“创建文件夹”时,它会显示,但当我单击“上载文件”按钮时,它会显示,而不会隐藏创建文件夹的信息。我试图使它像显示和隐藏时,其中任何一个被点击,但没有这样做。感谢您的帮助 将另一个表单设置为
显示:无代码>单击按钮的时间
-
{{csrf_field()}}
-
{{csrf_field()}}
选择要上载的文件:
加密
在实施之前仔细考虑所有步骤。@TheOracle感谢您的输入