程序员

dreamweaver怎么制作文本框? dw文本框的两种制作方法

作者:admin 2021-04-13 我要评论

Dreamweaver可以很方便的制作网页,因为是可视化的,所以很适合新手。那么dreamweaver如何添加文本输入框呢? 软件名称: Adobe Dreamweaver CS6 离线正式版 by ...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

Dreamweaver可以很方便的制作网页,因为是可视化的,所以很适合新手。那么dreamweaver如何添加文本输入框呢?

软件名称:
Adobe Dreamweaver CS6 离线正式版 by Ansifa (2013.2.22)
软件大小:
93.1MB
更新时间:
2013-09-27立即下载

首先我们建立一个空白的html,小编这里用的是Dreamweaver CS6做演示,其他版本类似。

方法一:适合知道一点html知识的朋友。

直接写代码<input type="text" placeholder="文本输入框" />,这个就是输入框。

方法二:如果是新手,那么可以采用插入的方式。

1、点击菜单栏的“插入”,然后选择“表单”,在表单的子菜单中有“文本域”的选项,这个就是输入框。

2、然后会弹出一个对话框,我们可以设置文本框的名字、大小等属性。

最后在浏览器中看一下效果,第一个是手写的,第二个是插入的

以上就是dw文本框的两种制作方法,希望大家喜欢,请继续关注脚本之家。


原文链接:https://m.jb51.net/Dreamweaver/610596.html

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 四两拨千斤——你不知道的VScode编码Ty

    四两拨千斤——你不知道的VScode编码Ty

  • 我是如何在 Vue 项目中做代码分割的

    我是如何在 Vue 项目中做代码分割的

  • position:sticky 粘性定位的几种巧妙应

    position:sticky 粘性定位的几种巧妙应

  • 从零到一搭建React组件库

    从零到一搭建React组件库