点击跳出弹框

点击跳出弹框

.modal {
		    display: none; 
		}
		.modal-content {
		    background-color: #fefefe;
		    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
		    border: 1px solid #888;
		    width: 80%; /* Could be more or less, depending on screen size */
		}
		input[type=number],input[type=text]{
		    width: 100%;
		    padding: 12px 20px;
		    margin: 8px 0;
		    display: inline-block;
		    border: 1px solid #ccc;
		    box-sizing: border-box;
		}
		button {
		    background-color: #4CAF50;
		    color: white;
		    padding: 14px 20px;
		    margin: 8px 0;
		    border: none;
		    cursor: pointer;
		    width: 100%;
		}

<button onclick="document.getElementById('id01').style.display='block'" style="width:auto;">添加</button>
		
		<div id="id01" class="modal">
		  
		  <form class="modal-content animate" >
			<span onclick="document.getElementById('id01').style.display='none'" 
				class="close" title="Close Modal">&times;</span>
		    <div class="container">
		
		      <label><b>chickenSoup</b></label>
		      <input type="text" placeholder="请输入内容" name="psw" required>
			  
			  <button type="submit">添加</button>
		  </form>