请帮帮我,我有一个包含链接的 html
<a href="LoginandRegistration/Login_register.html#signup">Sign Up</a>
当我点击它时,我想将它直接移动到其他 html 中
<div class="containerlogin">
<div class="avatarcontainer avatar">
<img src="avatar.jpg">
</div>
<div class="Loginbox">
<div class="form">
<form class="login-form" name="login">
<p>User Name</p>
<input type="text" placeholder="Enter Your Name"/><br>
<p>Password</p>
<input type="text" placeholder="Enter Your Password"/><br>
<input type="submit" value="Login"><br>
<p class="message">Create an account? <a href="#">Register</a></p>
</form>
<form class="register-form" name="signup">
<p>User Name</p>
<input type="text" placeholder="Enter Your Name"/><br>
<p>Password</p>
<input type="text" placeholder="Enter Your Password"/><br>
<p>Email</p>
<input type="email" placeholder="Enter Your Email"/><br>
<p>Phone number</p>
<input type="tel" placeholder="Enter Yo Telephone Number"/><br>
<p>Address</p>
<input type="text" placeholder="Enter Your Address"/><br>
<button>Create Account</button>
<p class="message">Alreday Have an account? <a href="#">Login</a></p>
</form>
</div>
</div>
</div>
Javascript
<script src='https://code.jquery.com/jquery-3.3.1.js'></script>
<script>
$('.message a').click(function(){
$('form').animate({height:"toggle",opacity: "toggle"},"slow");
} )
</script>
这是表格
https://i.imgur.com/vg27sQo.jpg
https://i.imgur.com/ogEdgSY.jpg
我使用 javascript 将登录表单更改为注册表单,但是当我将像 LoginandRegistration/Login_register.html#signup
这样的链接放到无法直接链接的第一个 html 上时注册表格,它仍然链接到登录表格
请帮助我,谢谢。
最佳答案
url 哈希是指向页面中与 id 相关的 anchor 的链接 - 您需要将 id 添加到表单中 - 例如:
<form class="register-form" name="signup" id="signup">
就是说 - 我会以不同的方式来做 - 我会只显示由 url 散列标识的表单 - 而不是显示两者并滚动到指定的表单。
关于javascript - 从 html 链接到其他网站上的直接 block 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53129775/