web-frontend 相关问题

更通用的前端标记的细化。在Web应用程序中,这通常意味着HTML,CSS和JavaScript

如何使用Arc浏览器在vscode中调试nodejs应用程序?

我最近开始使用 Arc 浏览器,并希望将其与 VS-Code 一起使用进行开发。我遇到了让它与

回答 1 投票 0

if(isset($_POST 没有正确调用我的提交按钮,我找不到原因

<body> <?php include("php/config.php"); if(isset($_POST['submit'])){ // $username =$_POST['username']; // $PASSWORD =$_POST['PASSWORD']; // $title =$_POST['title']; // $first_name =$_POST['first_name']; // $last_name =$_POST['last_name']; // $gender =$_POST['gender']; // $adress1 =$_POST['adress1']; // $postcode =$_POST['postcode']; $email = $_POST['email']; // $telephone =$_POST['telephone']; // $profile_blob =$_POST['profile_blob']; $verify_query = mysqli_query($con, " SELECT email FROM users WHERE email ='$email'"); if(mysqli_num_rows($verify_query) != 0 ){ echo "<div class='message'> <p> This email is used, Try another</p> </div> <br>"; echo "<a href ='javascript:self.history.back()' <button class ='btn'> Go Back </button>"; } else{ // mysqli_query($con,"INSERT INTO users(username,PASSWORD,title,first_name,last_name,gender,adress1,postcode,email,telephone)Values('$username','$PASSWORD','$title','$first_name','$last_name','$gender','$adress1','$postcode','$email','$telephone')")or die("Error Occured"); mysqli_query($con,"INSERT INTO users(email)Values('$email')")or die("Error Occured"); echo "<div class='message'> <p> Success</p> </div> <br>"; echo "<a href ='index.php' <button class 'btn'> Go Back </button>"; } }else{ ?> <nav class="nav-top"> <img src="images/Logo.PNG" class="logo"> <!--The logo--> <ul> <li><a href="Main menu.html">RentmyCaravan.io</a></li> <!--The site title, able to be clicked to go back to the main menu--> </ul> <img src="images/profile photo.PNG" class="user-pic" onclick="toggleMenu()"> <!--Triggers the script to transition to the submenu--> <div class="sub-menu-wrap" id="subMenu"> <!--Surounds the submenu--> <div class="sub-menu"> <!--The actual submenu--> <div class="user-info"> <!--Anything to do with the user like profile pic and username--> <img src="images/profile photo.PNG"> <h2>Dannissoepic</h2> </div> <hr> <!--A break line--> <a href="ListView.html" class="sub-menu-link"> <!--Where it links to--> <img src="images/list.PNG"> <!--The image for it--> <p>List view</p> <!--What the user sees--> <span>></span> <!--Makes it look nicer as a line--> </a> <a href="AddScreen.html" class="sub-menu-link"> <img src="images/+.PNG"> <p>Add a caravan</p> <span>></span> </a> <a href="Edit.html" class="sub-menu-link"> <img src="images/empty profile.PNG"> <p>Profile</p> <span>></span> </a> <hr> <a href="" class="sub-menu-link"> <img src="images/setting.PNG"> <p>Settings</p> <span>></span> </a> <a href="Main menu.html" class="sub-menu-link"> <img src="images/signout.PNG"> <p>Sign out</p> <span>></span> </a> <hr> </div> </div> </nav> <nav class="nav-site-progress"> <a href="#">Main Menu</a> <a href="#">List View</a> <hr> <br> </nav> </header> <div class="site"> <div class="box"> ----Register new user---- <br><br> Username <br> <input type="text" id="username" name="username"><br><br> Password <br> <input type="text" id="PASSWORD" name="PASSWORD"><br><br> Title <br> <input type="text" id="title" name="title"><br><br> First Name <br> <input type="text" id="first_name" name="first_name"><br><br> Last Name <br> <input type="text" id="last_name" name="last_name"><br><br> Gender <input type="text" id="gender" name="gender"> <input type="checkbox" id="fname6.2" name="fname6.2"><br><br> Address <br> <input type="text" id="adress1" name="adress1"><br><br> Postcode <br> <input type="text" id="postcode" name="postcode"><br><br> Email <br> <input type="email" id="email" name="email"><br><br> Phone Number <br> <input type="tel" id="telephone" name="telephone"><br><br> input profile image <br><br> <div style="background-color: #c7c9c9; border: 1px solid black; width: 40%; height: 110px;margin-left: auto; margin-right: auto;"> <input type="image"id ="fname12" name="fname12" style="border-color: black; width: 70px; height: 50px; text-align: center; background-color: white; " value="+"><br><br> </div> <br><br> <input type="submit" name="submit" value="Register" class="btn-secondary"> </div> </div> <script> let subMenu = document.getElementById("subMenu"); //let submenu be called by the id submenu function toggleMenu() //The actual function being called { subMenu.classList.toggle("open-menu"); //toggle the open menu css class } </script> <div> <?php } ?> </div> </body> 提供的代码主体,我使用了 not (!) 来强制它,并且我知道另一端的代码可以工作。但通过尝试不同的事情,有时我会收到特定字段(例如电子邮件)的未识别关键错误消息,但如果认为这是页面在按钮之前加载请求的结果。 确保您有form喜欢 <form method="post" action="yourpage.php"> Gender <input type="text" id="gender" name="gender"> <input type="checkbox" id="fname6.2" name="fname6.2"><br><br> Address <br> <input type="text" id="adress1" name="adress1"><br><br> Postcode <br> <input type="text" id="postcode" name="postcode"><br><br> Email <br> <input type="email" id="email" name="email"><br><br> Phone Number <br> <input type="tel" id="telephone" name="telephone"><br><br> input profile image <br><br> <div style="background-color: #c7c9c9; border: 1px solid black; width: 40%; height: 110px;margin-left: auto; margin-right: auto;"> <input type="image"id ="fname12" name="fname12" style="border-color: black; width: 70px; height: 50px; text-align: center; background-color: white; " value="+"><br><br> </div> <br><br> <input type="submit" name="submit" value="Register" class="btn-secondary"> </form> 由于您的按钮现在位于 form 内,通过单击它,您的表单将被发布(针对您指定的操作,该操作需要与您想要将请求发送到的终点相匹配,如果它留空为action="" 那么帖子将针对当前页面,在这种特定情况下您似乎需要该页面)并且由于它的名称为 submit,因此这将被传递,并且在这种情况下您的 if 应评估为 true。

回答 1 投票 0

MUI - 单击文本字段中的任意位置时打开日期选择器

我有一个日期选择器,当用户单击字段中的任意位置而不仅仅是日历图标时,我想显示该日期选择器。 这是选择器 导出函数 DatePickerField(props) { ...... 返回 ( ...

回答 4 投票 0

Vue 3.0 组件未应用 tailwind 中的类

我遇到的问题是想要使用 Tailwindcss 来设置我的 Vue 组件的样式,但它没有应用它们。它适用于我的视图和 App.vue,但不知何故不适用于组件。我遵循...

回答 1 投票 0

如何使用按钮来使用成帧器运动启动卡片滑动轮播的动画?

我正在尝试使用成帧器运动来制作图像滑动轮播的动画。我希望动画仅在按下按钮时才开始。问题是动画在我点击 b 之前就开始了...

回答 1 投票 0

将 token 设置为 cookie 后水合失败

我目前正在使用 next 14 和应用程序目录,并且我有用于登录的组件,登录后我将访问令牌设置为 cookie 并刷新页面,但是当我刷新页面时,它会抛出错误 Hydration failed 他...

回答 1 投票 0

Alpine.js:显示表中单击行的地址详细信息

在表格中,我有一个“查看地址”按钮,当我单击时,它将显示地址详细信息。它工作正常,但是,由于我还是 Alpine Js 的新手,当我单击视图地址时它

回答 1 投票 0

我是否错误地传递了这个道具?

我正在使用 React 和 Tailwind CSS 创建一个网站,我不知道为什么悬停在按钮上不起作用。 我添加了我的自定义颜色所有道具,但悬停颜色还可以,我也不知道为什么会发生反应...

回答 1 投票 0

如何删除<input type="date">

显示文本框及其旁边的日历图标。如何删除文本框但保留日历图标及其功能或显示日历...

回答 1 投票 0

术语“yar”未被识别为 cmdlet 的名称

使用此代码安装纱线后,我收到此消息。那么我应该如何在我的项目上安装yarn呢?使用 Windows 11。 npm install -g 纱线 在 922 毫秒内更改了 1 个包并审核了 2 个包 ...

回答 1 投票 0

Next.js 项目未编译

我使用“npx create-next-app@latest”创建了一个 nextjs 项目,1 天后它就停止工作了。 我尝试重新安装 vscode 和 node 和 npm。我也尝试过在命令舞会中运行...

回答 1 投票 0

Angular @for 确认列表中的更改

我正在使用 Angular 17 编写一个电子商务应用程序。 我有一个产品列表,我在一个 HTML 组件文件中使用来自 Angular/core 的 @for 块进行迭代。 这是一个

回答 1 投票 0

如何使用html css和js创建类别选项

如何使用 HTML、CSS 和 JavaScript 在我的网站上创建带有下拉菜单的类别选项? 我正在开发一个网站,并尝试实现类别选择功能。我想要用户...

回答 1 投票 0

CSS 网格之谜:网格项中的填充

好吧,所以我使用 CSS 网格制作了一个漂亮的电子邮件表单。一切都很好,除了当我尝试在表单元素上应用一些填充时。然后东西开始从网格中流出......

回答 2 投票 0

如果表单的国家/地区下拉列表包含 220 个国家/地区列表,请避免使用过大的 DOM 大小

“我正在尝试提高我的页面速度分数。目前在 Google Lighthouse for Country Down 表单中出现“最大子元素”错误,解决此问题的最佳方法是什么。如何...

回答 1 投票 0

使用 ElectronJS 在 python 和前端之间应该使用什么通信方法?

我是 ElectronJS 的新手,我已经研究了(但不完全)ElectronJS 的文档。我想为学生做一个人脸识别考勤系统,我将使用人脸的Python库

回答 1 投票 0

S3桶一个月的费用?

我想知道,如果我有一个 React 前端应用程序(一个简单的组合)并且我将其托管在 aws S3 存储桶上,那么到月底我会花费多少费用。 或者谁能建议...

回答 1 投票 0

将图像文件上传到 postgres 并在前端显示时出现问题

我真的希望有人可以提供帮助,因为我已经被这个问题困扰了几天,观看了视频等。我有一个简单的html文件,我想在其中显示存储在postgres中的图像(jpg)。 ...

回答 1 投票 0

Javascript 选项卡同步和服务器事件

我的申请需要一些帮助,对我的英语感到抱歉。 我正在一个网站的前端工作。最终的应用程序应该可以在很多选项卡上正常工作(单个浏览器中大约有 100 个选项卡)。每个选项卡都需要

回答 3 投票 0

前端 Chakra ui 或 Material ui 哪个是最佳选择?

我喜欢mui的一些组件。但 chakra ui 更容易使用。那么我应该在前端使用什么,如果你知道请指导我:) 有时我尝试使用 chakraui,有时尝试使用 mui。但我发现...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.