预填文本表格

时间:2011-06-13 15:05:51

标签: javascript forms

我有一个

<form method=post> 

我有一个

<input type=text name=honnan  value=""> 

在里面。

有没有预先填充VALUE部分的方法?

当只有一件事要填写VALUE时很容易,但我需要在VALUE中预先填写好几件事。

例如: -

ABC
DEF
GHI

因此,我需要选择在VALUE中预先填充多个值,就像浏览器缓存了一次写入的值一样。

A

<select id="old_sl" tabindex="0" name="sl">
<option SELECTED value="auto">ABC</option>
etc.

不是解决方案,因为我希望用户可以在VALUES文本表单中编写自定义值。

1 个答案:

答案 0 :(得分:4)

您可以使用JavaScript。让JavaScript观察该字段(例如,使用事件处理来确定用户何时键入)以及当用户开始键入值时,您可以检查它是否与预定义值的任何内容匹配(例如ABC,DEF,GHI等) )如果它确实为他们提供了从该文本字段下方显示的下拉列表中选择它的机会。否则,让他们继续添加自己的自定义值。

这称为autocomplete。像jQueryPrototype/Scriptaculous这样的热门JavaScript框架提供了使其易于使用的工具。