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

html-css09

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中,按钮跳转页面的命令。