在边框上加文字可以用以下办法实现：
<!DOCTYPE HTML>
<html>
<body>
<form>
<fieldset>
<legend>在边框上的字</legend>
可以输入内容：<input type="text" />
随便输入内容：<input type="text" />
</fieldset>
</form>
</body>
</html>扩展资料：
编辑方式：
HTML其实是文本，它需要浏览器的解释，它的编辑器大体可以分为以下几种：
1、基本文本、文档编辑软件，使用微软自带的记事本或写字板都可以编写，当然，如果你用WPS来编写，也可以。不过存盘时请使用.htm或.html作为扩展名，这样就方便浏览器认出直接解释执行了。
2、半所见即所得软件，如：FCK-Editer、E-webediter等在线网页编辑器；尤其推荐：SublimeText代码编辑器（由JonSkinner开发，SublimeText2收费但可以无限期试用）。
3、所见即所得软件，使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页，如：AMAYA（出品单位：万维网联盟）；FRONTPAGE（出品单位：微软）；Dreamweaver（出品单位Adobe）。
MicrosoftVisualStudio（出品公司：微软）：其中所见即所得软件与半所见即所得的软件相比，开发速度更快，效率更高，且直观的表现更强。任何地方进行修改只需要刷新即可显示。缺点是生成的代码结构复杂，不利于大型网站的多人协作和精准定位等高级功能的实现。
参考资料来源：百度百科-HTML
主要思想：\x0d\x0a首先要准备一张有连续帧的图片，然后利用HTML5Canvas的draw方法在不同的时间间隔绘制不同的帧，这样看起来就像动画在播放。\x0d\x0a关键技术点：\x0d\x0aJavaScript函数setTimeout()有两个参数，第一个是参数可以传递一个JavaScript方法，\x0d\x0a另外一个参数代表间隔时间，单位为毫秒数。代码示例：\x0d\x0asetTimeout(update,1000/30)\x0d\x0aCanvas的API-drawImage()方法，需要指定全部9个参数：\x0d\x0actx.drawImage(myImage,offw,offh,width,height,x2,y2,width,height)\x0d\x0a其中offw,offh是指源图像的起始坐标点，width,height表示源图像的宽与高，x2,y2表\x0d\x0a示源图像在目标Canvas上的起始坐标点。\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0aCanvasMouseEventDemo\x0d\x0a\x0d\x0a\x0d\x0avarctx=null//globalvariable2dcontext\x0d\x0avarstarted=false\x0d\x0avarmText_canvas=null\x0d\x0avarx=0,y=0\x0d\x0avarframe=0/롹*5+2\x0d\x0avarimageReady=false\x0d\x0avarmyImage=null\x0d\x0avarpx=300\x0d\x0avarpy=300\x0d\x0avarx2=300\x0d\x0avary2=0\x0d\x0awindow.onload=function(){\x0d\x0avarcanvas=document.getElementById("animation_canvas")\x0d\x0aconsole.log(canvas.parentNode.clientWidth)\x0d\x0acanvas.width=canvas.parentNode.clientWidth\x0d\x0acanvas.height=canvas.parentNode.clientHeight\x0d\x0aif(!canvas.getContext){\x0d\x0aconsole.log("Canvasnotsupported.PleaseinstallaHTML5compatiblebrowser.")\x0d\x0areturn\x0d\x0a}\x0d\x0a//get2Dcontextofcanvasanddrawrectangel\x0d\x0actx=canvas.getContext("2d")\x0d\x0actx.fillStyle="black"\x0d\x0actx.fillRect(0,0,canvas.width,canvas.height)\x0d\x0amyImage=document.createElement('img')\x0d\x0amyImage.src="../robin.png"\x0d\x0amyImage.onload=loaded()\x0d\x0a}\x0d\x0afunctionloaded(){\x0d\x0aimageReady=true\x0d\x0asetTimeout(update,1000ቺ)\x0d\x0a}\x0d\x0afunctionredraw(){\x0d\x0actx.clearRect(0,0,460,460)\x0d\x0actx.fillStyle="black"\x0d\x0actx.fillRect(0,0,460,460)\x0d\x0a//findtheindexofframesinimage\x0d\x0avarheight=myImage.naturalHeightǛ\x0d\x0avarwidth=myImage.naturalWidthǛ\x0d\x0avarrow=Math.floor(frameǛ)\x0d\x0avarcol=frame-row*5\x0d\x0avaroffw=col*width\x0d\x0avaroffh=row*height\x0d\x0a//firstrobin\x0d\x0apx=px-5\x0d\x0apy=py-5\x0d\x0aif(pxjavasript代码
<divid="blink">闪烁的文字</div>
<scriptlanguage="javascript">
functionchangeColor(){
varcolor="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray"
color=color.split("|")
document.getElementById("blink").style.color=color[parseInt(Math.random()*color.length)]
}
setInterval("changeColor()",200)
</script>
css代码就是文字闪烁text-decoration:blink不过很可惜，IE、Chrome或Safari不支持"blink"属性值，所以只有在Firefox和Opera下支持这CSS实现在闪动效果。加上js代码就可以了。
