科研实验室网站建设,wordpress加载模板,手机端在哪里打开,制作网页时一般使用什么对网页进行布局视频video
video src视频的路径controls控制播放、暂停、音量等autoplay自动播放loop循环播放width视频播放器的宽度height视频播放器的高度
/video还有做浏览器兼容的方式#xf…视频video
video src视频的路径controls控制播放、暂停、音量等autoplay自动播放loop循环播放width视频播放器的宽度height视频播放器的高度
/video还有做浏览器兼容的方式
video controls autoplay loop width500 height500source srcvideo/hhxd.mp4 typevideo/mp4/sourcesource srcvideo/ghsy.ogg typeaudio/ogg/source
flash支持
当所有不支持时就提供一个下载路径。
/video音频audio
audio src”音频的路径”controls”控制播放、暂停、音量等”autoplay”自动播放”loop”循环播放”
/audio兼容类似视频方式
页面布局
div : 单纯的容器header: 头部footer: 页脚nav : 导航section : 一块单独的区域article : 一篇独立的文章aside : 侧边栏
内联框架**iframe
iframe src”显示的地址”width”内联框架的宽度”height” 内联框架的高度”frameborder” 内联框架的边框”scrolling”滚动条no yes”
/iframe注意
结合超级链接的标签如
a hrefhttp://www.baidu.com target内联框架的name百度/a
iframe src”” name”内联框架的name” /iframe表单元素
form action提交地址 method提交方式表单元素
/form
表单元素的一般语法input type元素类型 name元素名称 /特殊的select nameoption value选项的值选项的文本/option/select
textarea rows行数 cols列数 值/textarea1、 用来填的 text: 单行文本框 password: 密码输入框 textarea: 多行文本框 email: 邮件地址输入框 url: 网址输入框 number: 数字输入框 属性 size: 可控制宽度maxlength: 可控制最大输入字符数max最大值、min最小值只对number有效
2、 用来选的 checkbox: 多选框 radio: 单选框 select: 下拉列表 属性 checked: 用于默认选择checkbox与radioselected: 用于默认选择select
3、 用来点的
submit: 提交按钮reset: 重置按钮button: 一般按钮没有功能image: 图片按钮功能上和submit一样
4、 其他
hidden: 隐藏域作用不明file: 文件域用于文件上传
设置表单要注意什么
一组radio应该设置name这样才能互斥除按钮外其他元素都应该设置name属性用于选择元素都应该设置value
表单元素的只读和隐藏
readonly 只读disabled 禁用
使用label提高用户体
label又称为“标注”用于扩大表单元素的可操作区域点了label就等价于点了相应的表单元素。
方式一
label for表单元素的id文本/label方式二
label
文本
input /
/label使用HTML5内置的表单验证
1、 用户提示placeholder
input typepassword placeholder请输入用户密码 /2、 实现必填信息required
input typetext requiredrequired /3、 使用正则表达式验证pattern实现一些复杂的文本信息验证
input typetext pattern[a-zA-Z]{4,16} //必须由4到16位字母组成
input typetext pattern1[39][0-9]{9} //必须由13XXXXXXXX开头或者19xxxxxxxxxxpattern[-\w\u4E00-\u9FA5]{4,10} //可以是-数字字母下划线或中组成补充
// 日期选择器
input typedate /
// 下拉列表
selectoption value19801980option
/select
