【实例名称】
随意改变大小的文本框
【实例描述】
网页中的文本框通常会固定大小,以保证页面的统一布局。本例学习如何动态改变文本框的大小。
【实例代码】
<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页</title> </head> <body> <div contenteditable="true"> <input type='text'><button>改变这个本框试验试验</button> </div></body> </html>
【运行效果】
【难点剖析】
本例的重点是div元素的“contenteditable”属性,此属性可将div的内容设置为可编辑。本例中将“input”控件放在div中,可宴现“input”控件的动态改变。
【源码下载】
本实例JS代码下载
……