1、利用DreamWeaver设计一个表单,至少要有登录用户,密码输入,提交按钮; 提交后,在后续页面中显示登录用户名,登录密码,并通过Javascript的alert函数,显示一个登录信息。
时间: 2024-04-09 08:33:24 浏览: 36
在DreamWeaver中设计一个表单并添加相应的功能,您可以按照以下步骤进行操作:
1. 打开DreamWeaver并创建一个新的HTML文件。
2. 在HTML文件中插入一个表单元素,可以使用以下代码:
```html
<form id="loginForm" action="后续页面的URL" method="post">
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password" required><br>
<input type="submit" value="提交">
</form>
```
3. 在`action`属性中,将"后续页面的URL"替换为您想要提交表单后跳转的页面的URL。
4. 在提交按钮下方插入以下JavaScript代码,用于在提交后显示登录信息:
```html
<script>
document.getElementById("loginForm").onsubmit = function() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
alert("登录信息:\n用户名:" + username + "\n密码:" + password);
};
</script>
```
5. 保存文件并在浏览器中预览该页面,您将看到一个包含登录表单的页面。
6. 当用户填写表单并点击提交按钮后,将显示一个弹窗,其中包含用户输入的用户名和密码。
请注意,这只是一个简单的示例,您可能需要根据自己的需求进行进一步的样式和功能调整。