• 新时代 新气象 新作为 2019-11-07
  • 凝神聚力,提气鼓劲,河南南阳福彩走进贫困村 2019-10-29
  • 回复@老老保老张工:伪高工才会庸俗地把“利”等同于经济利益,而对咱这种层次的人来说,“利”更多的是指荣誉感、实现感和自我超越! 2019-10-29
  • 网友给赣州市委书记留言获回复 共计10条 2019-10-23
  • 美国成立委员会防校园暴力遭质疑:研究暴力却不谈枪支? 2019-10-23
  • 秦知道——西部网新闻频道 2019-10-21
  • 习近平要求把这项工作作为重大政治任务 2019-10-21
  • 《脱身》热播 陈坤和万茜都交出合格的演技 2019-10-16
  • 读出你的爱!市儿童公园父亲节亲子朗诵会等你来 2019-10-09
  • 十二届全国人大常委会第十次会议 2019-10-04
  • 外交部:美国务卿访华将向中方通报美朝领导人会晤有关情况 2019-10-04
  • 《新疆关于推进安全生产领域改革发展的实施意见》解读 2019-09-30
  • 南宁各界人士喜迎“两会” 深化多元合作谋求商机 2019-09-28
  • 早新闻伊能静产女秦昊晒合影 揭高颜值男神女妆惊艳照 2019-09-28
  • 加快生态文明体制改革,建设美丽中国 2019-09-26

  • 您所在的位置:森林狼vs骑士 > 软件教程 > 网页设计 > Dreamweaver视频教程 > Dreamweaver表单中插入文本框

    森林狼vs掘金视频:Dreamweaver表单中插入文本框

    作者:  来源:  访问: 次 更新: 2013-11-12
    导 读:本文为大家介绍一下Dreamweaver表单中如何插入文本框。 一、插入单行文本域或密码域 1. 点击鼠标,将光标定位在表单框线内,点击“插入”菜单,选择“表单”项,在弹出的子菜单中选
    标 签:软件教程教程下载

    森林狼vs骑士 www.88ef.net   本文为大家介绍一下Dreamweaver表单中如何插入文本框。

      一、插入单行文本域或密码域

      1. 点击鼠标,将光标定位在表单框线内,点击“插入”菜单,选择“表单”项,在弹出的子菜单中选择“文本域”命令。

      或者在“插入”面板中选择“表单”项,点击“文本字段”图标,如下图所示:

    Dreamweaver表单中插入文本框

      点击“窗口”菜单,选择“插入”项,可以打开“插入”面板。

      2. 点击“文本字段”图标后,弹出“输入标签辅助功能属性”对话框,如下图所示:

    Dreamweaver表单中插入文本框

      3. 在“输入标签辅助功能属性”对话框中,各项的解释及应用方法如下:

     ?。?)ID:指定了<input>元素的名称和ID号。名称和ID号是一致的。如输入“id1”,在“代码”视图中可以查看源代码:

      <input type="text" name="id1" id="id1" />

     ?。?)标签:表单控件的提示信息。如输入“提示信息”,在“代码”视图中可以查看源代码:

      提示信息 <input type="text" name="id1" id="id1" />

     ?。?)样式:说明“标签”内容的使用方式。分为三种情况:

      第一情况:使用“for”属性附加标签标记。在“代码”视图中可以查看源代码:

      <label for="id1">提示信息</label> <input type="text" name="id1" id="id1" />

      第二情况:用标签标记环绕。在“代码”视图中可以查看源代码:

      <label>提示信息 <input type="text" name="id1" id="id1" /> </label>

      第三情况:无标签标记。在“代码”视图中可以查看源代码:

      提示信息 <input type="text" name="id1" id="id1" />

     ?。?)位置:说明“标签”内容所处的位置。分为两种情况:

      第一种情况:在表单项前。上面的提示信息都是在表单项前。

      第二种情况:在表单项后。在“代码”视图中可以查看源代码:

      <input type="text" name="id1" id="id1" /> <label for="id1">提示信息</label> <label> <input type="text" name="id1" id="id1" /> 提示信息</label> <input type="text" name="id1" id="id1" /> 提示信息

     ?。?)访问键:accesskey 属性。

     ?。?)Tab 键索引:tabindex 属性。

      4. 在“输入标签辅助功能属性”对话框中,单击“确定”按钮,文本字段就插入到文档中了。如下图所示:

    Dreamweaver表单中插入文本框

      二、设置或修改单行文本域或密码域的属性

      1. 使用鼠标点击插入的单行文本域或密码域表单控件,如下图所示:

    Dreamweaver表单中插入文本框

      2. 打开“文本字段”属性面板,如下图所示:

    Dreamweaver表单中插入文本框

      文本域:指定了<input>元素的名称和ID号。名称是唯一的。

      字符宽度:指定文本域的长度,默认值为24个字符左右。

      最多字符数:允许用户输入的最大字符数目。

      初始值:表单的默认值。

      禁用<input>标签disabled属性。

      只读:<input>标签readonly属性。

      类型选择“单行”:插入单行文本域(type="text")。

      类型选择“密码”:插入密码域(type="password")。

      三、提示

      将光标定位到表单的红色虚线围成的框内,按回车(Enter)键,可以添加多个单行文本域或密码域。

    Dreamweaver视频教程
    分享到:
    更多
    森林狼vs骑士| 森林狼vs骑士| 友情链接| 网站地图| 关于本站
    森林狼vs骑士
    本站资源来自网络,如有侵犯您的权宜,请联系站长删除! 滇ICP备11000673号-2
  • 新时代 新气象 新作为 2019-11-07
  • 凝神聚力,提气鼓劲,河南南阳福彩走进贫困村 2019-10-29
  • 回复@老老保老张工:伪高工才会庸俗地把“利”等同于经济利益,而对咱这种层次的人来说,“利”更多的是指荣誉感、实现感和自我超越! 2019-10-29
  • 网友给赣州市委书记留言获回复 共计10条 2019-10-23
  • 美国成立委员会防校园暴力遭质疑:研究暴力却不谈枪支? 2019-10-23
  • 秦知道——西部网新闻频道 2019-10-21
  • 习近平要求把这项工作作为重大政治任务 2019-10-21
  • 《脱身》热播 陈坤和万茜都交出合格的演技 2019-10-16
  • 读出你的爱!市儿童公园父亲节亲子朗诵会等你来 2019-10-09
  • 十二届全国人大常委会第十次会议 2019-10-04
  • 外交部:美国务卿访华将向中方通报美朝领导人会晤有关情况 2019-10-04
  • 《新疆关于推进安全生产领域改革发展的实施意见》解读 2019-09-30
  • 南宁各界人士喜迎“两会” 深化多元合作谋求商机 2019-09-28
  • 早新闻伊能静产女秦昊晒合影 揭高颜值男神女妆惊艳照 2019-09-28
  • 加快生态文明体制改革,建设美丽中国 2019-09-26
  • 终于知道天天棋牌骗局 下载APP送28元彩金100可提现 小马哥3肖6码的网站 王者荣耀貂蝉菊花漏水图 日本sm捆绑 在家赚钱的工作室 万人炸金花手机旧版 网上购彩平台 美国美女发型图片大全 南通金游棋牌游戏大厅 AG开心农场开奖查询 比分网新浪 快3三个骰子大小的规律 福州按摩店那里最多 棋牌游戏排行前10位 河北福彩快3基本走势图