Question

<P class="p3"><FONT class="ft4">Full Names as in Passport /NRIC_____________________________________________________________________</FONT></P>

如您所见，这是HTML表单的一部分。我希望长下划线更改为具有相同长度的文本输入区域和用户类型我想要显示上面的单词。请帮助我，谢谢。我已经尝试过并没有走得太远。

Answer 1

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>My form</title>
<style type="text/css" media="screen">

  input.user_input
  { 
    border: none;
    border-bottom: 1px solid black;
  }

  input.user_input:focus
  {
    box-shadow: 0 4px 2px -2px #666;
    outline-width: 0;
  }

</style>
</head>
<body>

  <form action="form_action.php" method="get">
    <fieldset>
      <legend>My form</legend>
      <label>First name</label>
      <input type="text" name="fname" class="user_input" />
      <input type="submit" value="Submit" />
    </fieldset>
  </form>

</body>
</html>

Answer 2

尝试

<input type="text" style="border: none; border-bottom: 1px solid black;">

在HTML中将下划线更改为输入区域

2 个答案: