gpt4 book ai didi

html - 将下划线更改为HTML中的输入区域

转载 作者:太空宇宙 更新时间:2023-11-04 16:15:16 25 4
gpt4 key购买 nike

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

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

最佳答案

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

input.user_input:focus {
box-shadow: 0 4px 2px -2px #666;
outline-width: 0;
}
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>My form</title>
</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>

关于html - 将下划线更改为HTML中的输入区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7599510/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com