前端 front-end 基础知识拾忆一

引用

慕课网HTML+CSS基础课程

概要

实践中用到的内容

内容

1.使用标签为文字设置单独样式
标签是没有语义的，它的作用就是为了设置单独的样式用的。

2.
标签，长文本引用
标签是对简短文本的引用，比如说引用一句话就用到标签。

3.为你的网页中添加一些空格
在html代码中输入空格、回车都是没有作用的。要想输入空格，必须写入 

4.给div命名，使逻辑更加清晰
可以为这一个独立的逻辑部分设置一个名称，
用id属性来为
提供唯一的名称，
这个就像我们每个人都有一个身份证号，
这个身份证号是唯一标识我们的身份的，也是必须唯一的

5.标签在默认情况下，
链接的网页是在当前浏览器窗口中打开，
有时我们需要在新的浏览器窗口中打开。
click here!

6.使用表单标签，与用户交互
网站怎样与用户进行交互？答案是使用HTML表单(form)。
表单是可以把浏览者输入的数据传送到服务器端，
这样服务器端程序就可以处理表单传过来的数据。

1. ：标签是成对出现的，以开始，以
结束。
2.action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。
3.method ： 数据传送的方式（get/post）。
4.所有表单控件（文本框、文本域、按钮、单选框、复选框等）
都必须放在
标签之间
（否则用户输入的信息可提交不到服务器上哦！）

7.文本输入框、密码输入框
当用户要在表单中键入字母、数字等内容时，就会用到文本输入框。文本框也可以转化为密码输入框
1、type：
   当type="text"时，输入框为文本输入框;
   当type="password"时, 输入框为密码输入框。
2、name：为文本框命名，以备后台程序ASP 、PHP使用
3、value：为文本输入框设置默认值。(一般起到提示作用)
文本域，支持多行文本输入
当用户需要在表单中输入大段文字时，需要用到文本输入域
文本
4. 在标签之间可以输入默认值。

8.使用单选框、复选框，让用户选择
在使用表单设计调查表时，为了减少用户的操作，使用选择框是一个好主意，
html中有两种选择框，即单选框和复选框，
两者的区别是单选框中的选项用户只能选择一项，
而复选框中用户可以任意选择多项，甚至全选。

1.当 type="radio" 时，控件为单选框
  当 type="checkbox" 时，控件为复选框
2.value：提交数据到服务器的值
3.name：为控件命名
4.checked：当设置 checked="checked" 时，该选项被默认选中
使用下拉列表框，节省空间:
下拉列表在网页中也常会用到，它可以有效的节省网页空间。既可以单选、又可以多选
设置selected="selected"属性，则该选项就被默认选中
下拉列表也可以进行多选操作，
在标签中设置multiple="multiple"属性，就可以实现多选功能
 
 9.使用提交按钮，提交数据
在表单中有两种按钮可以使用，分别为：提交按钮、重置
当用户需要提交表单信息到服务器时，需要用到提交按钮

type：只有当type值设置为submit时，按钮才有提交作用
value：按钮上显示的文字
使用重置按钮，重置表单信息:
当用户需要重置表单信息到初始时的状态时，
比如用户输入“用户名”后，发现书写有误，
可以使用重置按钮使输入框恢复到初始状态。
只需要把type设置为"reset"就可以

type：只有当type值设置为reset时，按钮才有重置作用
value：按钮上显示的文字

10.form表单中的label标签
label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性
如果你在 label 标签内点击文本，就会触发此控件。
就是说，当用户单击选中该label标签时，
浏览器就会自动将焦点转到和标签相关的表单控件上

注意：标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同