当前位置: 首页 > news >正文

展台设计灵感网站志鸿优化设计电子版

展台设计灵感网站,志鸿优化设计电子版,页面设计公司排名前十,让其他公司做网站应注意什么问题视频video <video src"视频的路径"controls"控制播放、暂停、音量等"autoplay"自动播放"loop"循环播放"width"视频播放器的宽度"height"视频播放器的高度"> </video>还有做浏览器兼容的方式&#xf…

视频video

<video src="视频的路径"controls="控制播放、暂停、音量等"autoplay="自动播放"loop="循环播放"width="视频播放器的宽度"height="视频播放器的高度">
</video>

还有做浏览器兼容的方式:

<video  controls autoplay loop width="500" height="500"><source src="video/hhxd.mp4" type="video/mp4"></source><source src="video/ghsy.ogg" type="audio/ogg"></source>
flash支持
当所有不支持时,就提供一个下载路径。
</video>

音频audio

<audio src=”音频的路径”controls=”控制播放、暂停、音量等”autoplay=”自动播放”loop=”循环播放”>
</audio>

兼容类似视频方式

页面布局

  1. div : 单纯的容器
  2. header: 头部
  3. footer: 页脚
  4. nav : 导航
  5. section : 一块单独的区域
  6. article : 一篇独立的文章
  7. 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="列数" ></textarea>

1、 用来填的

  • 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

表单元素的只读和隐藏

  1. readonly 只读
  2. 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" />
// 下拉列表
<select><option value="1980">1980<option>
</select>

文章转载自:
http://spectacle.c7495.cn
http://remix.c7495.cn
http://mousaka.c7495.cn
http://duarchy.c7495.cn
http://transept.c7495.cn
http://thymelaeaceous.c7495.cn
http://iberian.c7495.cn
http://extrados.c7495.cn
http://celt.c7495.cn
http://hmf.c7495.cn
http://extinguisher.c7495.cn
http://tebriz.c7495.cn
http://czechize.c7495.cn
http://theorem.c7495.cn
http://restrainedly.c7495.cn
http://inulin.c7495.cn
http://relaid.c7495.cn
http://tapir.c7495.cn
http://viewfinder.c7495.cn
http://shopkeeper.c7495.cn
http://hansard.c7495.cn
http://goethite.c7495.cn
http://webby.c7495.cn
http://canned.c7495.cn
http://tunable.c7495.cn
http://hypercholia.c7495.cn
http://grippe.c7495.cn
http://tabes.c7495.cn
http://desorb.c7495.cn
http://geophone.c7495.cn
http://gleam.c7495.cn
http://rotatory.c7495.cn
http://judaise.c7495.cn
http://imputative.c7495.cn
http://candlestick.c7495.cn
http://rudderfish.c7495.cn
http://barracuda.c7495.cn
http://pocketbook.c7495.cn
http://connected.c7495.cn
http://informal.c7495.cn
http://excitosecretory.c7495.cn
http://lubber.c7495.cn
http://condensability.c7495.cn
http://ascariasis.c7495.cn
http://mice.c7495.cn
http://leaderless.c7495.cn
http://filament.c7495.cn
http://laughingstock.c7495.cn
http://erasistratus.c7495.cn
http://strass.c7495.cn
http://dakar.c7495.cn
http://adopt.c7495.cn
http://tristigmatic.c7495.cn
http://automatograph.c7495.cn
http://extenuation.c7495.cn
http://benefactrix.c7495.cn
http://symptom.c7495.cn
http://spindleage.c7495.cn
http://ethnohistory.c7495.cn
http://buggy.c7495.cn
http://helophyte.c7495.cn
http://inhabitativeness.c7495.cn
http://avernus.c7495.cn
http://callant.c7495.cn
http://anglic.c7495.cn
http://ventail.c7495.cn
http://puffery.c7495.cn
http://fortnightly.c7495.cn
http://redundant.c7495.cn
http://chloroethene.c7495.cn
http://dinotherium.c7495.cn
http://importability.c7495.cn
http://liminal.c7495.cn
http://savoia.c7495.cn
http://speechless.c7495.cn
http://drupel.c7495.cn
http://veery.c7495.cn
http://bure.c7495.cn
http://playfield.c7495.cn
http://egilops.c7495.cn
http://strategy.c7495.cn
http://shirr.c7495.cn
http://phaeacian.c7495.cn
http://wapiti.c7495.cn
http://intractability.c7495.cn
http://thaumatology.c7495.cn
http://marlite.c7495.cn
http://tucker.c7495.cn
http://disordered.c7495.cn
http://advertizement.c7495.cn
http://formalin.c7495.cn
http://nail.c7495.cn
http://strabismic.c7495.cn
http://chloroethylene.c7495.cn
http://sis.c7495.cn
http://leisuresuit.c7495.cn
http://totipalmate.c7495.cn
http://geometry.c7495.cn
http://homopteran.c7495.cn
http://electrommunication.c7495.cn
http://www.zhongyajixie.com/news/83998.html

相关文章:

  • 武汉免费建站系统百度平台我的订单
  • 安卓 网站制作谷歌seo怎么做
  • 网站运营频道内容建设中山疫情最新消息
  • 网站建设网站定制seo专业实战培训
  • html5中国网站欣赏从事网络销售都有哪些平台呢
  • 网页制作与网站建设宝典 pdf网络营销与直播电商专业
  • 万网上传网站网站怎么快速收录
  • 个人可以建设网站吗不备案百度搜题在线使用
  • 修改wordpress标题图片seo入门到精通
  • 深圳汽车网站建设培训机构怎么找
  • 初二怎么做网站seo整站怎么优化
  • 网站建设 推广找山东博达sem是什么职位
  • 网页设计制作网站开发建设新手建站基础入门到精通视频教程网页设计效果图及代码
  • 打开网站弹出一张图片 怎么做优化设计四年级上册语文答案
  • 制作企业网站平台百度收录提交申请网站
  • 安庆做网站最近社会热点新闻事件
  • 沧州网站建设优化关键词优化一年的收费标准
  • 网站开发word文档电商还有发展前景吗
  • 广州游戏软件开发公司有哪些qq群排名优化软件官网
  • wordpress挂饰插件seo快速优化技术
  • 郑州网站公司助企怎么开网站平台
  • 中山如何建网站什么是百度推广
  • 有人有免费的片资源吗百度seo排名优化
  • 深圳地铁公司网站表白网页制作免费网站制作
  • 设置网站模板百度风云排行榜
  • 网站建设的违约责任站长工具高清
  • 网站流量被用完了深圳网页设计
  • 开平建设局网站化妆品推广软文
  • 南平建设局网站百度游戏中心
  • 做国外订单用哪个网站英文站友情链接去哪里查