制作文本框行为.docx

dreamweaver制作文本框行为

我们在各种网页上见到过这种文本框，比如下面这个登陆界面，里面有提示“请输入用户名”，当光标放到上面的时候，它将提示删除，这就是一个文本框行为，其实制作这样的文本框行为很简单，下面就是具体的方法喽：

工具/原料

?dreamweaver cs5?

方法/步骤

1

打开dreamweaver以后，在插入选项中，插入一个表单，点击图示的位置，我们先来建立一个有文本域的表单

将光标放到表单里，在菜单栏上，插入一个标签，如图所示，点击标签按钮。接着在标签中输入汉字“用户名”

接着，插入一个文本域，点击图示中的按钮

弹出一个设置对话框，这里需要填写id，因为会要用到对该id的文本域的行为，需要有id才可以

同样的方法我们在建立一个密码的文本框，设置他们都为右对齐

打开代码视图，将文本域标签中，添加一段代码value=“请输入用户名”，这个作为文本域的默认文字

我们看到这里已经出现了默认文字，怎么样让光标放到文本域的时候让这些文字消失呢？

选中该文本域，打开行为窗口，点击添加按钮，添加一个行为，如图所示：

依次执行：设置文本--设置文本域文字，打开设置对话框

在打开的对话框中，什么都不要输入，点击确定按钮即可。

我们看到行为面板中已经多了一个行为，我们要将触发行为改为onfocus，也就是当光标移动到该位置的时候就输入一段空值，这样就实现了我们的目的。