dreamweaver制作文本框行为

 时间:2024-10-30 20:01:47

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

dreamweaver制作文本框行为

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

dreamweaver制作文本框行为
dreamweaver制作文本框行为

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

dreamweaver制作文本框行为

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

dreamweaver制作文本框行为

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

dreamweaver制作文本框行为

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

dreamweaver制作文本框行为

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

dreamweaver制作文本框行为

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

dreamweaver制作文本框行为

9、依次执行:设置文本--设置文本域文字,打开设置对话框

dreamweaver制作文本框行为

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

dreamweaver制作文本框行为

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

dreamweaver制作文本框行为
  • Dreamweaver如何创建导航按钮
  • Dreamweaver怎么创建表格
  • Dreamweaver日历的制作
  • Dreamweaver如何控制网页中的文字
  • dreamweaver怎样基于选定内容创建库项目
  • 热门搜索
    国庆节 手抄报 音乐手抄报图片 爱读书手抄报 关于弟子规的手抄报 70周年手抄报内容文字 共创文明城市手抄报 关于英雄的手抄报图片 战争与和平手抄报 关于邪教的手抄报 关于科技节的手抄报