方便布局表单内容可以放在表单标签之外，这样做的好处是方便设计时不用考虑一定要将表单元素放在指定的form标签之下，只要指定元素适用于哪个表单即可，如下：1<form id="test" action="test.php" method="get">2<input form="test" type="text" name="name"/>3</form>4<input form="test" type="submit" value="确定"/>可指定提交按钮的目标及方法在HTML5之前，一个表单只能填写一个action及一个method，在HTML5中每个提交按钮都可...
<form action=""> <!--专业： <select name="" id=""> <option value="1">前端与移动开发</option> <option value="2">java</option> <option value="3">javascript</option> <option value="4">c++</option> </select>--> <!--不仅可以选择，还应该可以输入--> <!--建立输入框与datalist的关联 list="datalist的id号"--> 专业：<input type="text" list="subjects"> <br> <!-...
使用HTML元素的style.left,style.top,style.width,style.height以及width,height属性，都不能获得元素的真正位置与大小，这些属性取出来的都是原来的设置值，例如<table id="table1" width="500">，那么通过document.getElementByIdx_x("table1").width取出来的值永远都是500，而不管这个表格是否已经被撑大了；同时，通过document.getElementByIdx_x("table1").style.left获得的值是空的，因为没有设置这个值。要取得HTML元素的真...
HTML5<article>元素用来定义页面文档的独立内容。实例：<article class="pageArticle"> <h2>article</h2> <header> <h2>article header</h2> </header> <aside> <h2>article aside</h2> </aside> <p>这个页面是我开始用html5进行布局的。</p> <footer>article footer</footer> </article> 元素' ref='nofollo...
HTML5 创建canvas元素 复制代码代码如下:<!--<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。--> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset = utf-8"> <title>HTML5</title> <script type="text/javascript" charset = "utf-8"> <!--这个函数将在页面完全加载后调用--> function pageLoaded() { alert(‘HTML5 页面加载完毕!‘); } </script> </head> <body ...
用div,form制作登录页面，尽可能做得漂亮。练习使用下拉列表选择框，无序列表，有序列表，定义列表。观察常用网页的HTML元素，在实际的应用场景中，用已学的标签模仿制作。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>login in</title> </head> <body> <div id="container" style="width:400px " > ...
假如我的HTML中有一个textarea元素，我想在它加载完成后根据内容调整其高度。怎么做呢？1. 我定义的textarea元素如下<textarea class="form-control" type="text" name="value" id="value"placeholder="输入参数值"></textarea>注意： id = ‘value‘这里的关键问题是html加载完后会调用哪个函数，有以下两种方法：2.1 方法一：通过调用$(document).ready(function () {} )<script type="text/javascript">function get_text_rows(...
一.首先我们总结下行内元素和块级元素有哪些：行内元素：<a>标签可定义锚<abbr>表示一个缩写形式<acronym>定义只取首字母缩写<b>字体加粗<bdo>可覆盖默认的文本方向<big>大号字体加粗<br>换行<cite>引用进行定义<code>定义计算机代码文本<dfn>定义一个定义项目<em>定义为强调的内容<i>斜体文本效果<img>向网页中嵌入一幅图像<input>输入框<kbd>定义键盘文本<label>标签为<input> 元素定义标注（标记）<q>定义短的引用<samp>定义样本...
今天学习HTML5中新增元素的使用(Ⅰ)新增主体结构元素Section元素：用于对网站或应用程序中的内容进行分块。<section><h1></h1><p></p></section>Article标签定义外部内容。<article></article>Time元素的使用<p><time></time></p><p><time datetime=></time></p> Ⅱ（）新增非主体元素的使用Header：是一种具有引导和导航作用的元素，通常用来放置整个页面或者页面内一个内容快标题。也包含表格，表单和相关logo图片。<p id=”p1”...
一HTML5新增属性1.1contcxtmcnucontextmenu的作用是指定右键菜单。<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><div id="div1" style="height:900px; background: lightgreen;" contextmenu="menuShare"></div><menu id="menuShare" type="context"><menuitem label="分享到QQ空间" onclick="alert(‘QQ‘);"></menuitem><menuitem label="分享到朋友圈" onclick="alert(‘朋友圈‘);"></menui...
以下先记录一下JS控制CSS所使用的方法. 1.使用javascript更改某个css class的属性... <style type="text/css"> .orig { display: none; } </style> 你想要改变把他的display属性由none改为inline。 解决的方法： 在IE里： document.styleSheets[0].rules[0].style.display = "inline"; 在firefox里： document.styleSheets[0].cssRules[0].style.display = "inline"; 讨论： 能够做一个函数来搜索特定名字的style对象：...
nav元素的使用场合aside元素的使用场合aside元素主要有以下两种使用方法：1、被包含在article中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的参考资料、名词解释等2、在article元素之外使用，作为页面或站点全局的附属信息部分html5细节概述1、一个网页内并未限制header元素的个数，可以拥有多个，也可以为每个内容区块加一个header元素（footer同理）2、autofocus：一个页面上只能有一个控件具有该属性3、patter...
HTML5学习：语义元素article一、定义<article> 标签定义外部的内容。外部内容可以是来自一篇文章，或者来自博客 的博文，或者是来自论坛的文章。二、用法格式和上篇的section元素一样：<h1></h1><p></p>，示例代码如下：<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <article> <h1>标题1</h1> <p>文章内容1</p...
HTML元素的属性多以name="value”的形式出现；常用的属性或者是大多数元素适用的属性有：id,class,style，tiltle;id:给予元素唯一值，id值不可重复，class:类值，一般是元素都具有共有样式时适用style:给元素赋予内敛样式时适用，title:规定元素的额外信息；使用方式如下<div id="content" class="content-syle" title="我是一个div" style="width:50px;height:89px;border:1px solid red"></div>HTML5新增的属性有：contenteditab...
DocumentHTML4文档声明 : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">HTML5文档声明 :<!DOCTYPE html>HTML4 meta : <meta http-equiv="Content-type" content: text/html" charset="UTF-8">HTML5 meta :<meta charset="UTF-8">HTML5 新增元素<header> 元素：header元素表示页面中的一个内容区块或者整个页面的标题。<nav> 元素：nav元素表示页面中的导航链接部分。<...