html中点击按钮打开一个表单,填写完表单数据后点击按钮怎么关闭它?

html中点击按钮打开一个表单,填写完表单数据后点击按钮怎么关闭它?,第1张

下面是个简单例子:

<div style="width:360pxbackground-color:#fa0padding:30px">

<form>

成绩:<input name="chenji" type="text" value=""/>分 <input type="button" value="设置" onclick="win.style.display='block'"/><br /><br />

<input type="submit" value="确定"/>

</form>

</div>

<div id="win" style="display:noneposition:absoluteleft:120pxtop:80pxborder:1px solid #888background-color:#fffpadding:20px">

信息<br />

姓名:<input type="text" value=""/><br />

年龄:<input type="text" value=""/><br /><br />

<input type="button" value="确定" onclick="alert('代码你自己搞定')"/>

<input type="button" value="关闭" onclick="win.style.display='none'"/>

</div>

1、首先打开dw之后,新建一个html简单项目,输入项目名称后,就能新建一个html文件了。

2、这时候在dw中就可以看到简单的基本代码,此时就能添加按钮并设置跳转页面。

3、为了测试点击按钮跳转的测试,在这里利用button标签新建一个按钮。

4、然后在这里可以添加一个a标签,然后编写一个测试的Http地址。

5、但是只要测试,对于href属性,只要写上一个井号就能测试按钮的跳转。

6、最后在这里按下预览这个命令按钮,就能成功开始测试在dw中,按钮跳转页面的命令。

在<body>中:放一个登录和一个取消做个对比;

其实就是value值的不同,这只是单纯页面显示的码子,要有实效还要加超链等。

<form>

<input

type="submit"

value="登录">

<input

type="submit"

value="取消">

</form>


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

原文地址: https://outofmemory.cn/zaji/6298282.html

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

发表评论

登录后才能评论

评论列表(0条)

保存