❑ 理解表单基础
❑ 文本框验证与交互
❑ 使用其他表单控件
JavaScript可以增加现有的表单字段以提供新功能或增强易用性。为此,表单字段也暴露了属性、方法和事件供JavaScript使用。
以下是本章介绍的一些概念:
❑ 可以使用标准或非标准的方法全部或部分选择文本框中的文本。
❑ 所有浏览器都采用了Firefox操作文本选区的方式,使其成为真正的标准。
❑ 可以通过监听键盘事件并检测要插入的字符来控制文本框接受或不接受某些字符。
所有浏览器都支持剪贴板相关的事件,包括copy、cut和paste。
剪贴板事件在不同浏览器中的实现有很大差异。
在文本框只限某些字符时,可以利用剪贴板事件屏幕粘贴事件。
选择框也是经常使用JavaScript来控制的一种表单控件。
借助DOM,操作选择框比以前方便了很多。使用标准的DOM技术,可以为选择框添加或移除选项,也可以将选项从一个选择框移动到另一个选择框,或者重排选项。
富文本编辑通常以使用包含空白HTML文档的内嵌窗格来处理。
通过将文档的designMode属性设置为”on”,可以让整个页面变成编辑区,就像文字处理软件一样。
另外,给元素添加contenteditable属性也可以将元素转换为可编辑区。
默认情况下,可以切换文本的粗体、斜体样式,也可以使用剪贴板功能。
JavaScript通过execCommand()方法可以执行一些富文本编辑功能,通过queryCommandEnabled()、queryCommandState()和queryCommandValue()方法则可以获取有关文本选区的信息。
由于富文本编辑区不涉及表单字段,因此要将富文本内容提交到服务器,必须把HTML从iframe或contenteditable元素中复制到一个表单字段。
