欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

【代码笔记】Web-利用Dreamweaver实现form

程序员文章站 2022-04-10 15:38:29
一,打开Dreamweaver >File New >如下图所示。选择HTML,点击OK。 二,会出现如下图所示界面。把光标放到Body处。 三,将上面的栏切换到Design.如下图所示。 四,Insert >Form >Text.如下图所示。 五,将Text Field修改成“请输入用户名”,如下 ......

一,打开Dreamweaver---->File---New---->如下图所示。选择HTML,点击OK。

 

【代码笔记】Web-利用Dreamweaver实现form

 

二,会出现如下图所示界面。把光标放到Body处。

 

【代码笔记】Web-利用Dreamweaver实现form

 

三,将上面的栏切换到Design.如下图所示。

 

【代码笔记】Web-利用Dreamweaver实现form

 

四,Insert--->Form--->Text.如下图所示。

 

【代码笔记】Web-利用Dreamweaver实现form

 

五,将Text Field修改成“请输入用户名”,如下图所示。

 

【代码笔记】Web-利用Dreamweaver实现form

 

六,切换到Split标签,代码如下图所示。

 

【代码笔记】Web-利用Dreamweaver实现form

 

七,将text放在<form></form>中。因为text是表单元素。

 

【代码笔记】Web-利用Dreamweaver实现form

 

参考资料:《菜鸟教程》