在web页面中,表单做为交互的手段随处可见。表单的元素有很多中,例如文本输入框(text)、单选框(radio)、复选框(checkbox)、多行输入框(textarea),下拉框(select)等等。
这样,对于提交表单和表单赋值的时候非常麻烦,各种不同的类型控件的赋值和取值的操作都不太一样。而且表单往往还需要输入日期、时间、树形代码、级联代码等多种数据,造成表单很难实现动态生成。
我提出的解决方案是:所有的表单元素都用文本输入框(text)、多行输入框(textarea)来实现,然后在他们的onfocus事件上绑定需要的事件,例如日期类型的输入,可以在text的onfocus事件上绑定一个日期控件;在需要选择代码的输入时,在text的onfocus事件上绑定一个代码选择空间。
这样表单的赋值和取值都相对简单很多,界面也清晰很多。