时间戳

首页 > 解决方案 > html：更改位置后输入不可点击

html - html：更改位置后输入不可点击

问题描述

我有一个输入列表，我更改了它们的大小和位置，但是在更改之后，一些输入变得不可点击（名称输入和用户名输入）。我正在使用引导程序。它们在 stackoverflow 片段中工作，但是当您在浏览器或任何在线 html 运行器上运行代码时它们不起作用。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

<div class="container">
  <h1 style="position: relative;right: 470px;">create account </h1>
  <br>
  <br>
  <div class="form-group col-md-6">
    <label for="inputEmail4">name</label>
    <input style="width: 400px" type="text" class="form-control" id="name" name="name">
  </div>
  <div class="form-group col-md-6" style="position: relative;right: 60px;">
    <label for="inputPassword4">username</label>
    <input style="width: 400px" type="text" class="form-control" id="username" name="username">
  </div>
  <div class="form-group" style="position: relative;right: 70px;">
    <label for="inputAddress">email</label>
    <input style="width: 915px" type="email" class="form-control" id="email" name="email">
  </div>


  <label for="inputEmail4" style="position: relative;right: 70px;">              password
          </label>
  <input style="position: relative;right: 70px;width: 915px" type="password" class="form-control" id="password" name="password">

  <br>


  <button type="submit" class="btn btn-primary" style="outline:none;position: relative;right: 70px;margin-bottom: 20px;">submit </button>

标签： htmlcss

解决方案

尝试为每个标签输入对设置for标签id的属性值和输入的属性值相同的值

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label

推荐阅读