Dreamweaver:[40]怎么在网页中设置文本行为
1、首先,通过插入表格或者是图层设计用户名和密码输入框。这个是以前的内容,在此就不再重复了。
![Dreamweaver:[40]怎么在网页中设置文本行为](https://exp-picture.cdn.bcebos.com/2083a5d6e1d06de897075d96ca93cee8b104acf9.jpg)
2、在用户名和密码后面的表格中,点击插入\表单\文本域,各插入一个文本域。在弹出的对话框中输入相应的id等值。
![Dreamweaver:[40]怎么在网页中设置文本行为](https://exp-picture.cdn.bcebos.com/87645f93cee8b004467d0abc79260d9a300ea9f9.jpg)
![Dreamweaver:[40]怎么在网页中设置文本行为](https://exp-picture.cdn.bcebos.com/f367139a310e1799f14c610bc9406afec214a3f9.jpg)
![Dreamweaver:[40]怎么在网页中设置文本行为](https://exp-picture.cdn.bcebos.com/6bbfdd14f1c595ee5ea76c9427530688902c9af9.jpg)
3、选中用户名后面的文本域,在行为窗口中点击+\设置文本\设置文本域文字。
![Dreamweaver:[40]怎么在网页中设置文本行为](https://exp-picture.cdn.bcebos.com/906dbbcadce89048279aac44130e5f20427192f9.jpg)
![Dreamweaver:[40]怎么在网页中设置文本行为](https://exp-picture.cdn.bcebos.com/5e615d715fdb3620975c163aabc5260f89358df9.jpg)
4、在弹出的对话框中,中输入“请输入用户名”。在行为窗口就有一个文本行为了。
![Dreamweaver:[40]怎么在网页中设置文本行为](https://exp-picture.cdn.bcebos.com/274e9635dd8a59de706153b2b370d5413b8c84f9.jpg)
![Dreamweaver:[40]怎么在网页中设置文本行为](https://exp-picture.cdn.bcebos.com/3931cb413a8ca6089e694f4fdb8c9bcec6f8fef9.jpg)
5、设置文本域文字行为前的事件为:onmouseover,这样当鼠标经过该文本域的时候就会出现“请输入用户名”。
![Dreamweaver:[40]怎么在网页中设置文本行为](https://exp-picture.cdn.bcebos.com/51cd85cec7f88a771cbb53ff6e4a2f27e6eff8f9.jpg)
6、在给该文本域添加一个行为,里面的文本为空的,并设置该文本域行为为:onmouseout,也就是鼠标移开的时候文本域为空。
![Dreamweaver:[40]怎么在网页中设置文本行为](https://exp-picture.cdn.bcebos.com/e40b3127e7ef28062c67496eb840b6f39087f2f9.jpg)
![Dreamweaver:[40]怎么在网页中设置文本行为](https://exp-picture.cdn.bcebos.com/90c61d1c99c0affcaee0ff9c2372941fbfe4eaf9.jpg)
7、这样这个用户名后面的文本域行为就设置好了,可以点击F12查看效果。
![Dreamweaver:[40]怎么在网页中设置文本行为](https://exp-picture.cdn.bcebos.com/a9338a1fbee434daa5389190f271fe1d97d8e4f9.jpg)
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:95
阅读量:62
阅读量:79
阅读量:34
阅读量:29