怎么实现按钮弹出form表单？就是像alert那样的弹窗

Question

<form action="" method="post" class="basic-grey" id="form" style="display: none;">
			<h1 style="">修改图书信息<span>请在对应位置上输入相应信息.</span></h1>
		
			<label>
				<span>Book name :</span>
				<input id="name" type="text" name="name" placeholder="Book name" />
			</label>
			<label>
				 <span>Book author:</span>
				 <input id="email" type="email" name="email" placeholder="Book author" />
			</label>
			<label>
				<span>Book description :</span>
				<textarea id="message" name="message" placeholder="Book description"></textarea>
			</label>
			<label>
				<span>&nbsp;</span>
				<input type="button" class="button" value="Send" />
			</label>
		</form>

在网上看了些资料感觉各有各的方法

Answer 1

前面那人说的思路差不多，外面包个div，绝对定位，css display隐藏，通过按钮控制css改变隐藏状态

其实就下个别人写的弹窗插件去做比较方便，自己写挺麻烦的，还要设计弹窗的ui