自我学习Day2：html入门-交互

备注：本人不是计算机专业的，自学水平有限，敬请谅解。

上一天主要学习了静态页面的一些属性，今天主要学习有交互的界面，可以使用户输入信息，也使得静态页面可以切换

        一、表单

定义：用于收集用户输入

例

.
input 元素
.

        1、输入元素

输入类型由 type 属性定义，是表单多事情况下用到的标签，以下是常用的类型

标签	描述
text	文本域
password	密码字段
radio	单选按钮
checkboxes	复选框
submit	提交按钮

        1.1文本域和 密码字段

例

First name: 

Last name: 
Password: 

文本即可以键入的一个文本框，密码字段则是会以*或.替代键入内容

         1.2单选按钮和 复选框

男

女
我喜欢自行车

我喜欢小汽车

        1.3提交按钮

Username: 

其中动作属性action定义服务端的文件名，处理输入的数据

//get：默认值，指的HTTP GET方法，用| ？|分割。例如 https://www.baidu.com/?page=1，其中page=1就是get方法提交的数据

        1.4重置按钮

 重置可以使得当前表单所在所有填写内容为默认值

        1.5(其他)下拉选择实现标记

• selected：使此选项成为默认选项。
• disabled：使此选项无法点击。
• style="display:none"：使此选项不在旧版浏览器中显示。 
• hidden：使此选项不显示在下拉列表中。
• 例：

Volvo Saab Fiat Audi

2、其他表单属性

2.1、name：为控件命名，以备后台程序PHP等使用

value：提交到服务器的值，以备后台程序PHP使用

checked：默认选中，hecked="checked"

        二、其他

        1、框架iframe

设置高宽：

移除边框

链接页面

百度

        2、颜色

        000000为黑色，ffffff为白色，前两个数值代表红色，中间两个数值代表绿色，后面两个数值代表蓝色。 

        如果三种数值是一样的，则是灰色，越大越接近白色

        2.1RGBA

        比RGB多了一个Alpha属性（透明度），例：

通过 rbg 值设置背景颜色


通过 rbg 值设置背景颜色

        2.2颜色名

        有时候颜色名可以替代以上字符快捷使用，常用的有aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow。

        颜色名有很多，除了常用的有近100种，并不需要都记住。

        3、URA

        标准：scheme://host.domain:port/path/filename

注：字符编码只能使用ASCII字符集，通常使用|%|后跟二位十六进制替非ASCII字符，

        3.1、scheme定义因特网服务的类型如，如http

scheme	访问	用于
http	超文本传输协议	不加密
https	安全超文本传输协议	加密信息交换
ftp	文件传输协议	文件下载或者上传
file		本机文件

        3.2、host定义主机，如http默认是www

        3.3、domain因特尔域名，如baidu.com

        3.4、port端口号，http是80

        3.5、path路径（省略则默认根目录）

        3.6、filename文件名字

四、常用列表

（这里图省事自己上链接）

HTML 标签简写及全称 | 菜鸟教程

下一步自己摸索做不错的网页后，下一步开始学CSS别问为什么还是Day2

参考：

1、HTML 表单 | 菜鸟教程

2、HTML 表单

3、HTML之交互 -html教程-PHP中文网

4、HTML 颜色名