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

寻技术 Html/CSS 2023年07月11日 117

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

既然有了输入框,我们应该再加上一个按键,让用户点击提交,对吧!?如下(请复制到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> <value> <name>三个属性的赋值。
下一篇 将完结<input>标签的讲解,敬请留意!!
关闭

用微信“扫一扫”