HTML标签天天练7--表单3<form>[action][submit][reset]

最新推荐文章于 2025-01-11 08:13:13 发布

最新推荐文章于 2025-01-11 08:13:13 发布 · 152 阅读

本文详细介绍了网页表单中输入框与提交按钮的使用方法，包括如何通过HTML代码实现基本功能，并展示了如何利用表单进行用户信息收集，如邮箱服务的发送。此外，文章强调了在使用`<input>`标签时，正确设置`type`, `name`属性的重要性。下篇将对`<input>`标签进行总结。

——上一次讲述了多项选择和下拉表单。这次继续讲另一些新功能：

既然有了输入框，我们应该再加上一个按键，让用户点击提交，对吧！？如下(请复制到DW中尝试)：

<html> <body> <form action="/acb.asp" method="get"> <p>用户名: <input type="text" name="name" /></p> <p>密码: <input type="password" name="password" /></p> <input type="submit" value="提交" /> </form> <p>当用户点击，信息会发送到服务器上名为 "abc.asp" 的页面。abc页面目前是举例虚拟的!</p> </body> </html>
——很多时候，用户提交的信息还包括电子邮箱服务：

<html> <body> <form action="MAILTO:某网站的邮箱地址" method="post" enctype="text/plain"> <p>此表单会把您的信息发送到网站的邮箱里</p> 姓名：<br /> <input type="text" name="name" value="yourname" size="20"> <br /> Email地址：<br /> <input type="text" name="mail" value="yourEmail" size="20"> <br /> 内容：<br /> <input type="text" name="comment" value="comment" size="30"> <br /><br /> <input type="submit" value="发送"> <input type="reset" value="重置"> </form> </body> </html>
——我们在使用<input>标签的时候，一定要时刻注意<type><wbr><span style="word-wrap:normal; word-break:normal"><value></span><wbr><<span style="word-wrap:normal; word-break:normal">name>三个属性的赋值。</span></wbr></wbr>

下一篇将完结<input>标签的讲解，敬请留意!!