将下划线更改为HTML中的输入区域
问题描述:
<P class="p3"><FONT class="ft4">Full Names as in Passport /NRIC_____________________________________________________________________</FONT></P>
如您所见,这是HTML表单的一部分。我想要长下划线改变为一个长度相同的文本输入区域,以及我想要显示上述单词的用户类型。请好心帮助我,谢谢。我已经尝试过,并没有走得很远。将下划线更改为HTML中的输入区域
答
尝试
<input type="text" style="border: none; border-bottom: 1px solid black;">
+0
这工作tkss – JackyBoi
答
<!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>
+0
哇这是彻底的(对错误的拼写错误,如果是的话) – JackyBoi
我曾尝试使用但它只是创建了一个无形的文本框 – JackyBoi
不使用''标签。这真是太棒了! –
哈哈,这是如此具体@SeanPatrickFloyd通常人指的是90年代后期你特别提到1996年..那么你建议我用什么? – JackyBoi