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

时间:2021-01-13 20:25:47

一,打开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

参考资料:《菜鸟教程》