如何使用CSS选择器美化《简单记个笔记》中的表单标签？

本文共计1014个文字，预计阅读时间需要5分钟。

登录页面的表单标志在许多网站都非常常见，通常包含以下元素：图片、来自mt论坛的信息、登录页面的作用描述（收集用户信息并进行登录状态的跳转）。那么，我们如何设计出这样的界面呢？

一、表单标签 在很多网站的登录页上，都会有如下图的界面

图片 来自mt论坛

登录页的作用毫无疑问是收集用户信息并进行登录态的跳转，那么我们怎样才能做出这样的界面呢？这就涉及到了表单标签的定义。

首先观察页面，是由title加上输入框组成的，那么我们就先构建出来这样一个页面

附：在大多数编辑器中html：5可以实现快速输入

那么负责输入用户名和密码的输入框该如何处理，这就涉及到了<input>标签

标签需要<from action='此处输入链接'>

<placeborder>则是起到了下图的作用

而type则是对类型进行细致的分化

属性值 值 描述

button 定义可点击的按钮（通常与 JavaScript 一起使用来启动脚本）。

checkbox 定义复选框。

colorNew 定义拾色器。

dateNew 定义 date 控件（包括年、月、日，不包括时间）。

datetimeNew 定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，基于 UTC 时区）。

datetime-localNew 定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，不带时区）。

emailNew 定义用于 e-mail 地址的字段。