做网站用什么后缀格式做好,游戏开发网,陕西高速公路建设集团公司网站,移动互联网 商业模式HMTL基础标签
一、视频video标签
video src”视频的路径”controls”控制播放、暂停、音量等”autoplay”自动播放”loop”循环播放”width”视频播放器的宽度”height”视频播放器的高度”/video还有做浏览器兼容的方式#xff1a;
video controls a…HMTL基础标签
一、视频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/sourceflash支持当所有不支持时就提供一个下载路径。
/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 href”http://www.baidu.com” target”内联框架的name”百度/a
iframe src”” name”内联框架的name” /iframe三、表单元素标签
form action”提交地址” method”提交方式”表单元素
/form
表单元素的一般语法
input type”元素类型” name”元素名称” /
特殊的
select name””option value”选项的值”选项的文本/option
/select
textarea rows”行数” cols”列数” 值/textarea1、用来填的文本框
text: 单行文本框 password: 密码输入框 textarea: 多行文本框 email: 邮件地址输入框 url: 网址输入框 number: 数字输入框
属性 size: 可控制宽度 maxlength: 可控制最大输入字符数 max最大值、min最小值只对number有效
2、用来选的复选框
checkbox: 多选框 radio: 单选框 select: 下拉列表 属性 checked: 用于默认选择checkbox与radio selected: 用于默认选择select
3、用来点的按钮
submit: 提交按钮 reset: 重置按钮 button: 一般按钮没有功能 image: 图片按钮功能上和submit一样
4、其他
hidden: 隐藏域作用不明 file: 文件域用于文件上传 设置表单要注意什么 1、 一组radio应该设置name这样才能互斥 2、 除按钮外其他元素都应该设置name属性 3、 用于选择元素都应该设置value
四、表单元素的只读和隐藏
readonly 只读 disabled 禁用 使用label提高用户体验 label又称为“标注”用于扩大表单元素的可操作区域点了label就等价于点了相应的表单元素。
方式一
label for”表单元素的id”文本/label
方式二
label文本input /
/label使用HTML5内置的表单验证
1、 用户提示placeholder
input type”password” placeholder”请输入用户密码” /
2、 实现必填信息required
input type”text” required”required” /
3、 使用正则表达式验证pattern实现一些复杂的文本信息验证
input type”text” pattern”[a-zA-Z]{4,16}” //必须由4到16位字母组成input type”text” pattern”1[39][0-9]{9}” //必须由13XXXXXXXX开头或者19xxxxxxxxxxpattern[-\w\u4E00-\u9FA5]{4,10} //可以是-数字字母下划线或中组成补充
input type”date” /
selectoption value1980option
/select五、常用正则表达式
网址http://www.cr173.com/html/19109_all.html
一、校验数字的表达式1 数字^[0-9]*$2 n位的数字^\d{n}$3 至少n位的数字^\d{n,}$4 m-n位的数字^\d{m,n}$5 零和非零开头的数字^(0|[1-9][0-9]*)$6 非零开头的最多带两位小数的数字^([1-9][0-9]*)(.[0-9]{1,2})?$7 带1-2位小数的正数或负数^(\-)?\d(\.\d{1,2})?$8 正数、负数、和小数^(\-|\)?\d(\.\d)?$9 有两位小数的正实数^[0-9](.[0-9]{2})?$
10 有1~3位小数的正实数^[0-9](.[0-9]{1,3})?$
11 非零的正整数^[1-9]\d*$ 或 ^([1-9][0-9]*){1,3}$ 或 ^\?[1-9][0-9]*$
12 非零的负整数^\-[1-9][]0-9*$ 或 ^-[1-9]\d*$
13 非负整数^\d$ 或 ^[1-9]\d*|0$
14 非正整数^-[1-9]\d*|0$ 或 ^((-\d)|(0))$
15 非负浮点数^\d(\.\d)?$ 或 ^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0|0$
16 非正浮点数^((-\d(\.\d)?)|(0(\.0)?))$ 或 ^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?\.0|0$
17 正浮点数^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$ 或 ^(([0-9]\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9])|([0-9]*[1-9][0-9]*))$
18 负浮点数^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$ 或 ^(-(([0-9]\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9])|([0-9]*[1-9][0-9]*)))$
19 浮点数^(-?\d)(\.\d)?$ 或 ^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0|0)$
二、校验字符的表达式1 汉字^[\u4e00-\u9fa5]{0,}$2 英文和数字^[A-Za-z0-9]$ 或 ^[A-Za-z0-9]{4,40}$3 长度为3-20的所有字符^.{4,10}$4 由26个英文字母组成的字符串^[A-Za-z]$5 由26个大写英文字母组成的字符串^[A-Z]$6 由26个小写英文字母组成的字符串^[a-z]$7 由数字和26个英文字母组成的字符串^[A-Za-z0-9]$8 由数字、26个英文字母或者下划线组成的字符串^\w$ 或 ^\w{3,20}$9 中文、英文、数字包括下划线^[\u4E00-\u9FA5A-Za-z0-9_]$
10 中文、英文、数字但不包括下划线等符号^[\u4E00-\u9FA5A-Za-z0-9]$ 或 ^[\u4E00-\u9FA5A-Za-z0-9]{2,20}$
11 可以输入含有^%,;?$\等字符[^%,;?$\x22]
12 禁止输入含有~的字符[^~\x22]
三、特殊需求表达式1 Email地址^\w([-.]\w)*\w([-.]\w)*\.\w([-.]\w)*$2 域名[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(/.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})/.?3 InternetURL[a-zA-z]://[^\s]* 或 ^http://([\w-]\.)[\w-](/[\w-./?%]*)?$4 手机号码^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$5 电话号码(XXX-XXXXXXX、XXXX-XXXXXXXX、XXX-XXXXXXX、XXX-XXXXXXXX、XXXXXXX和XXXXXXXX)^(\(\d{3,4}-)|\d{3.4}-)?\d{7,8}$ 6 国内电话号码(0511-4405222、021-87888822)\d{3}-\d{8}|\d{4}-\d{7}7 身份证号(15位、18位数字)^\d{15}|\d{18}$8 短身份证号码(数字、字母x结尾)^([0-9]){7,18}(x|X)?$ 或 ^\d{8,18}|[0-9x]{8,18}|[0-9X]{8,18}?$9 帐号是否合法(字母开头允许5-16字节允许字母数字下划线)^[a-zA-Z][a-zA-Z0-9_]{4,15}$
10 密码(以字母开头长度在6~18之间只能包含字母、数字和下划线)^[a-zA-Z]\w{5,17}$
11 强密码(必须包含大小写字母和数字的组合不能使用特殊字符长度在8-10之间)^(?.*\d)(?.*[a-z])(?.*[A-Z]).{8,10}$
12 日期格式^\d{4}-\d{1,2}-\d{1,2}
13 一年的12个月(0109和112)^(0?[1-9]|1[0-2])$
14 一个月的31天(0109和131)^((0?[1-9])|((1|2)[0-9])|30|31)$
15 钱的输入格式
16 1.有四种钱的表示形式我们可以接受:10000.00 和 10,000.00, 和没有 分 的 10000 和 10,000^[1-9][0-9]*$
17 2.这表示任意一个不以0开头的数字,但是,这也意味着一个字符0不通过,所以我们采用下面的形式^(0|[1-9][0-9]*)$
18 3.一个0或者一个不以0开头的数字.我们还可以允许开头有一个负号^(0|-?[1-9][0-9]*)$
19 4.这表示一个0或者一个可能为负的开头不为0的数字.让用户以0开头好了.把负号的也去掉,因为钱总不能是负的吧.下面我们要加的是说明可能的小数部分^[0-9](.[0-9])?$
20 5.必须说明的是,小数点后面至少应该有1位数,所以10.是不通过的,但是 10 和 10.2 是通过的^[0-9](.[0-9]{2})?$
21 6.这样我们规定小数点后面必须有两位,如果你认为太苛刻了,可以这样^[0-9](.[0-9]{1,2})?$
22 7.这样就允许用户只写一位小数.下面我们该考虑数字中的逗号了,我们可以这样^[0-9]{1,3}(,[0-9]{3})*(.[0-9]{1,2})?$
23 8.1到3个数字,后面跟着任意个 逗号3个数字,逗号成为可选,而不是必须^([0-9]|[0-9]{1,3}(,[0-9]{3})*)(.[0-9]{1,2})?$
24 备注这就是最终结果了,别忘了可以用*替代如果你觉得空字符串也可以接受的话(奇怪,为什么?)最后,别忘了在用函数时去掉去掉那个反斜杠,一般的错误都在这里
25 xml文件^([a-zA-Z]-?)[a-zA-Z0-9]\\.[x|X][m|M][l|L]$
26 中文字符的正则表达式[\u4e00-\u9fa5]
27 双字节字符[^\x00-\xff] (包括汉字在内可以用来计算字符串的长度(一个双字节字符长度计2ASCII字符计1))
28 空白行的正则表达式\n\s*\r (可以用来删除空白行)
29 HTML标记的正则表达式(\S*?)[^]*.*?/\1|.*? / (网上流传的版本太糟糕上面这个也仅仅能部分对于复杂的嵌套标记依旧无能为力)
30 首尾空白字符的正则表达式^\s*|\s*$或(^\s*)|(\s*$) (可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等)非常有用的表达式)
31 腾讯QQ号[1-9][0-9]{4,} (腾讯QQ号从10000开始)
32 中国邮政编码[1-9]\d{5}(?!\d) (中国邮政编码为6位数字)
33 IP地址\d\.\d\.\d\.\d (提取IP地址时有用)
