dreamweaver中如何添加“提交”和“重置”按钮

dreamweaver中如何添加“提交”和“重置”按钮,第1张

步骤如下:

1、启动Dreamweaver,ctrl+n新建html文档;

2、设计视图,点击插入菜单--表单--表单命令,下图虚线区就是表单区域;

3、点击表单区域,点击插入菜单---表单--按钮命令;

4、输入标签文字提交,点击确定;

5、属性面板可查看默认动作为提交表单;

6、再次点击表单区域,点击插入菜单---表单--按钮命令;

7、输入标签文字重置,点击确定;

8、点击该按钮,属性面板动作修改为重设表单;

9、ctlr+s保存网页,按F12调试即可。

有两种方式:

第一种:<button>按钮</button>

第二种:<input type="button" name="按钮">

搜索按钮制作

"1新建一个asp页面,保存为“sousuojieguo.asp”

2打开之前制作过的""jiluji.asp“

3把鼠标指针放在表格的最左边,按回车键,把鼠标指针往上移,然后点击菜单栏的: 插入-->表单-->表单,插入一个表单。

4在表单里边输入”搜索:“,然后点击菜单栏:插入-->表单-->文本域,插入一个文本框。

5 鼠标点击刚刚插入的文本框,然后在下方把id改成""sousuo""

6然后把鼠标放到文本框的后边,插入一个按钮,并把按钮上的显示文字改成""搜索“

7切换到刚刚新建的”sousuojiesuo.asp“页面,打开”绑定“面板,点击”+“,选择”记录集(查询)

8在d出的界面如图所示设置:筛选设置成:xingming-包含-表单变量-sousuo。(因为这里我们是搜索姓名)

9把鼠标放到搜索结果页面上输入“搜索结果:“,然后回车,在点击菜单栏:插入-->表格。插入一个2行4列的表格

10 然后在表格第一行一次输入如图所示文字。

11然后把绑定面板中刚刚新建的记录集依次拖入表格第二行对应的位置

12把鼠标指针放到第二行的任意位置,然后点击界面下方的<tr>标签,选中第二行。

13打开”服务器行为“面板,点击”+“,选择”重复区域

14在d出的界面中选择”所有记录“,然后点击”确定“

15切换到”jiluji.asp"",把鼠标指针放到搜索框所在表单中,点击界面下方的<form#form1>,选中整个表单。

16在属性面板中点击动作方框右边的“文件夹”按钮,在d出的界面中选择”sousuojieguo.asp“。选择完成后,下方的方法选择""post""

17 保存所有文件,然后按F12就可以在浏览器中浏览效果了。"


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11901951.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存