HTML 网页中 点击撤销 按钮 d出个窗口 要让人在里面填写撤销理由 然后 点击 确定 窗口消失 。求高手帮忙

body里

<input type="button" value="打开撤销窗口" onClick="open2()"/><p>

<input name="txtAddr" type="text" size="40"/><p>

javascript 里

function open2()

{

//接收窗体的返回值

var addr=window.showModalDialog("撤销窗口.html","denglu","width=400,height=300,menubar=0,toolbar=0")

//显示文本框<br>

document.form1.txtAddr.value=addr

}

撤销窗口

<form name="form1" action="index.html">

请输入您的地址<input name="txtAddr" type="text"/>

<input type="button" value="完成" onClick="myclose()"/>

</form>

<script language="javascript">

function myclose()

{

//保存地址

returnValue=document.form1.txtAddr.value

close()

}

</script>

1、首先打开编辑器，然后新建一个html文件，编写入基本的框架。

2、然后用form，input和label创建一个单项选择题。

3、创建一个新的css文件，并且用link标签关联HTML文件。

4、然后撤销一下原来按钮的样式。

nput[type="radio"] {

  display: none

}

5、nput[type='radio'] + label:before{

  content: ""

  display: inline-block

  width: 20px

  height: 20px

  border: 2px solid gold

}

首先设置未点击的单选框样式，用border来设置颜色。

6、nput[type='radio']:checked + label:before{

  background-color: red

}

接着设置点击后的背景颜色，这里用background-color。

7、最后运行一下，完成效果图。

---