学做网站培训课程介绍

当前位置:

Dreamweaver 如何设置文本域文字

如何在自己做网站时,用dreamweaver cs5如何设置文本域文字,添加用户名,密码文本域?

答:dreamweavercs5设置文本域文字步骤:【视频教程:dreamweaver视频教程

  1. 打开dreamweaver以后,在插入选项中,插入一个表单,点击图示的位置,我们先来建立一个有文本域的表单dreamweavercs5设置文本域文字步骤d8f9d72a6059252d1509b886349b033b5bb5b912
  2. 将光标放到表单里,在菜单栏上,插入一个标签,如图所示,点击标签按钮。接着在标签中输入汉字"用户名"dreamweavercs5设置文本域文字步骤2
  3. 接着,插入一个文本域,点击图示中的按钮dreamweavercs5设置文本域文字步骤3
  4. 弹出一个设置对话框,这里需要填写id,因为会要用到对该id的文本域的行为,需要有id才可以
    dreamweavercs5设置文本域文字步骤4
  5. 同样的方法我们在建立一个密码的文本框,设置他们都为右对齐dreamweavercs5设置文本域文字步骤838ba61ea8d3fd1f621a07b8304e251f95ca5f24
  6. 打开代码视图,将文本域标签中,添加一段代码value="请输入用户名",这个作为文本域的默认文字dreamweavercs5设置文本域文字步骤5
  7. 我们看到这里已经出现了默认文字,怎么样让光标放到文本域的时候让这些文字消失呢?dreamweavercs5设置文本域文字步骤94cad1c8a786c9175410f7bbc93d70cf3bc75724
  8. 选中该文本域,打开行为窗口,点击添加按钮,添加一个行为,如图所示:dreamweavercs5设置文本域文字步骤b3b7d0a20cf431ad29cce6bb4b36acaf2edd9812
  9. 依次执行:设置文本--设置文本域文字,打开设置对话框dreamweavercs5设置文本域文字步骤6
  10. 在打开的对话框中,什么都不要输入,点击确定按钮即可。dreamweavercs5设置文本域文字步骤b812c8fcc3cec3fdc72d02f7d688d43f87942724
  11. 我们看到行为面板中已经多了一个行为,我们要将触发行为改为onfocus,也就是当光标移动到该位置的时候就输入一段空值,这样就实现了我们的目的。dreamweavercs5设置文本域文字步骤a2cc7cd98d1001e9d222b18db80e7bec54e79712

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

相关教程

  • Dreamweaver cs5的介绍Adobe Dreamweaver CS5是一款集网页制作和管理网站于一身的所见即所得网页编辑器,Dreamweaver CS5是第一套针对细致网页设计
  • dreamweaver是个可视化的软件,你直接选中你要更改的设置,在编辑器中直接就可以更改了。或是用CSS也可以设置你说的那些内容字体大小、颜色样式。dr
  • 我们在做网站时,如果自己网站上的图片被别人复制过去,就会增加自己网站服务器的负担,所以在做网站时,需要做一些防盗链设置。如果你的空间支持.hta
  • 我们知道,网站伪静态可以形成静态页面,对于百度收录有着最大的好处。(相关知识:Discuz论坛后台SEO优化设置详细步骤)对于DISCUZ论坛程序实
  • DW中插入文字是最简单的操作,我们可以像在word一样随意的打出自己想要的文字。打开DW后,点击“设计”模式,在文字框中就可以打字了。插入文字可以是
  • HTML 文本格式化:使用 pre 标签对空行和空格进行控制。“计算机输出”标签:这些标签常用于显示计算机/编程代码。引用标签:使用 blockquote
  • 在制作网页中我们时常会将一些文字、图片等做成超链接,但如果在制作时,某些链接页面还没有做好,这时我们就可以用的空链接,提醒自己哪些地方需要添