《简单记个笔记》之表单标签加CSS选择器
一、表单标签
在很多网站的登录页上，都会有如下图的界面
图片 来自mt论坛
登录页的作用毫无疑问是收集用户信息并进行登录态的跳转，那么我们怎样才能做出这样的界面呢？这就涉及到了表单标签的定义。
首先观察页面，是由title加上输入框组成的，那么我们就先构建出来这样一个页面
附：在大多数编辑器中html：5可以实现快速输入
那么负责输入用户名和密码的输入框该如何处理，这就涉及到了<input>标签
<input>标签需要<from action='此处输入链接'>
<placeborder>则是起到了下图的作用
而type则是对类型进行细致的分化
属性值
值 | 描述 |
|---|---|
button | 定义可点击的按钮（通常与 JavaScript 一起使用来启动脚本）。 |
checkbox | 定义复选框。 |
colorNew | 定义拾色器。 |
dateNew | 定义 date 控件（包括年、月、日，不包括时间）。 |
datetimeNew | 定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，基于 UTC 时区）。 |
datetime-localNew | 定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，不带时区）。 |
emailNew | 定义用于 e-mail 地址的字段。 |
file | 定义文件选择字段和 "浏览..." 按钮，供文件上传。 |
hidden | 定义隐藏输入字段。 |
image | 定义图像作为提交按钮。 |
monthNew | 定义 month 和 year 控件（不带时区）。 |
numberNew | 定义用于输入数字的字段。 |
password | 定义密码字段（字段中的字符会被遮蔽）。 |
radio | 定义单选按钮。 |
rangeNew | 定义用于精确值不重要的输入数字的控件（比如 slider 控件）。 |
reset | 定义重置按钮（重置所有的表单值为默认值）。 |
searchNew | 定义用于输入搜索字符串的文本字段。 |
submit | 定义提交按钮。 |
telNew | 定义用于输入电话号码的字段。 |
text | 默认。定义一个单行的文本字段（默认宽度为 20 个字符）。 |
timeNew | 定义用于输入时间的控件（不带时区）。 |
urlNew | 定义用于输入 URL 的字段。 |
weekNew | 定义 week 和 year 控件（不带时区）。 |
例如上图的type = "text"就是负责正常显示文本
type = "password"则是专门负责密码的输入，显示出来如下图
如果没有<type = ‘password’>而是使用<type = ‘text’>,则会导致输入的密码均以明文显示。
而关于登录，则是需要type = "submit" value='登录'就可以了。
结果如下图
我的评价是一模一样doge
二、CSS选择器
CSS 实例
CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
p
{
color:red;
text-align:center;
}
</style>
</head>
<body>
<p>Hello World!</p>
<p>这个段落采用CSS样式化。</p>
</body>
</html>写不动了，我是屑
腾讯云开发者
