HTML5基础day3

关于HTML5第三天的学习内容

1.audio音频文件

 运行后可在网页中展现音频文件且可以播放

注意：音频元素缺失controls属性会导致页面效果丢失，变成空白

2.HTML5结构元素

一般的页面布局由页面头部、页面主体、页面底部构成，分别通过代码header、section、footer来实现

 

 3.表单的应用/语法/属性

 如图建立一个简单的用户登录界面

表单的元素属性

type：指定当前元素的类型

value：所见即所得，默认初始化能看到的

name：提交到服务器的值的key

3.1文本框

<input type="text" value=" "/>

特点1：用户输入的信息在页面中明文显示

特点2：value=""默认的值

3.2密码框

<input type="password"/>

特点：用户输入的值在页面中暗文显示

3.3单选按钮

 

特点1：type"radio"代表是单选按钮

 

特点2：name="xx"代表两个单选按钮如果保持一致的话，代表是单选，否则是多选

 

特点3：value="xx"代表发送到后端服务器的值，而不是展示

 

特点4：checked代表初始化页面时候默认勾选某个单选项，等价于checked="checked"

3.4多选按钮

特点1：type="checkbox"代表多选按钮

特点2：name="xx"注意点：多个多选按钮需要保持name的值保持一致

特点3：value="xx"代表发送到后端服务器中的值，而不是展示

特点4：checked代表初始化页面时候默认勾选某个多选框，等价于checked="checked"

3.5列表框

特点1：select是列表当中表的标签名

特点2：option是列表当中列的标签名

特点3：select和option是一对组合，不可分离

特点4：value="xx"代表发送到后端服务器中的值，而不是展示

特点5：option直接的文本值是用来展示的

3.6图片按钮

Reset定义：重置

Submit定义：提交

特点1：form中action存放了13.html页面中的全路径

特点2：type="submit"触发了当前表单，并跳转到action中的页面

Button定义：普通按钮

 3.7多行文本域

 3.8文件域