我想用一个按钮输入两个输入,让用户输入他们的用户名和密码,我正在使用这个 css 代码来控制我网站中的输入标签,以便在所有屏幕尺寸上正确显示它,它工作正常。
.controller {
width: 98%;
margin: 0;
padding: 7px 5px 4px;
color: #555;
font-size: 18px;
font-family: inherit;
border-style: solid;
border-width: 0 1px 1px 0;
}
我想要一些动态文本,这些文本是从用户的这两个输入下方的数据库中检索出来的。现在我的问题是,如果文本很长,它不会正确显示在输入下方并影响它们不适合屏幕,只要文本只有 5 到 10 个单词就没有问题。
这是输入的html文件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<form method="post" action="answer">
<ul>
<li>
Login Name:<input type="text" name="id" class="controller"></input>
</li>
<li>
Password:<input type="password" name="pass" class="controller"></input>
</li>
<li>
<input type="submit" value="Login"></input>
</li>
</ul>
</form>
</body>
这是CSS代码
.controller {
width: 98%;
margin: 0;
padding: 7px 5px 4px;
color: #400;
font-size: 18px;
font-family: inherit;
border-style: solid;
border-width: 0 1px 1px 0;
}
请任何人都可以告诉我我必须做什么或提供一个CSS代码来控制问题。
非常感谢您的任何回答,并对我的长问题感到抱歉。