响应式Web开发项目教程（HTML5+CSS3+Bootstrap）第2版 例4-2 常用表单控件

发布时间：2024年01月15日

代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>常用表单控件</title>
<style>
form {
    width: 260px;
    margin: 0 auto;
    border: 1px solid #ccc;
    padding: 20px;
}
.right {
    float: right;
}
</style>
</head>

<body>
<form action="#" method="post">
  用户名：
  <input class="right" type="text" value="张三" maxlength="6" />
  <br>
  <br>
  密码：
  <input class="right" type="password" />
</form>
</body>
</html>

上述代码中：
第7~12行代码定义form的样式；
第13~15行代码定义input右浮动的样式；
第20~27行代码表单结构，其中，第22行代码定义用户名输入框，第26行代码定义密码输入框，即type的值为password。

运行效果

在这里插入图片描述
用户名“张三”是通过< input >标签的value属性设置的，密码自动隐藏。

文章来源:https://blog.csdn.net/m0_73657966/article/details/135608918
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
最新文章