这个课程我们会练习使用表单元素,先准备一个空白的项目,可以使用在前面的课程我们准备好的这个项目,下面可以清理一下。
项目里只有一个组件,就是这个 app 组件,先清理一下,去掉模板里不需要的东西,再去掉组件里的这两个数据。打开这个组件用的 app.css 样式表,删除掉里面的样式。然后简单的在这里设置一下表单元素的样式。 input 方括号 type=text ,逗号分隔开,textarea, 还有 select ,设置一下这几种元素的样式。
padding 是 4px 8px,margin 是 8px 0 ,margin-right 设置成 8px,font-size 是 16 像素。
下面再设置一下 label 元素的样式,margin-left 设置成 4px。
打开编辑器的源代码管理,选中所有的修改 ,然后做一次提交,提交日志设置成 清理。
下面可以基于当前分支创建一个新的分支,打开命令面板,搜索 branch,执行 create branch ,分支的名字设置成 forms 。
回到终端,新建一个终端标签,在项目所在目录的下面,执行 git branch,显示当前分支是 forms 这个分支。我再把之前创建的这个 essentials 分支推送到项目的 origin 这个远程仓库里。
再把新创建的这个 forms 分支也推送到 origin 这个远程。到时候你可以找到这个项目的远程仓库,观察在这些分支上做的每一次提交。