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文件域
HTML5基础day3更多相关文章
网页中mobile-agent的meta信息，这样添加才更专业
万象更新 Html5 - css: float 布局: 基础
万象更新 Html5 - css: float 布局: 通过 float 布局实现 3 栏式布局
万象更新 Html5 - css: flex 布局: flex-direction, flex-wrap, flex-flow
万象更新 Html5 - css: flex 布局: justify-content, align-items, align-content, align-self
万象更新 Html5 - css: flex 布局: order, flex-grow, flex-shrink, flex-basis, flex
万象更新 Html5 - css: position 布局: 定位（static, relative, absolute, fixed）
万象更新 Html5 - css: overflow 布局: 内容溢出时的样式
万象更新 Html5 - css: selector 选择器: 属性选择器（attribute selector）