QQ

老汤微信二维码

html的form简单的提交重置表单

分类：html知识时间：2015-04-22 12:33:00

form简单的提交重置表单代码如下：

<body>
<form id="formid" name= "myform" method = 'post' action = 'tjcg.html ' onsubmit = "return checkUser();" >
<table width="100%" border="0">
<tr>
<td width="60" height="40" align="right">用户名</td>
<td><input type="text" value="" class="text2" name = "username" id = "userid"/></td>
</tr>
<tr>
<td width="60" height="40" align="right">密  码</td>
<td><input type="password" value="" class="text2" name = "userpass" id = "userpassid"/></td>
</tr>
<tr>
<td width="60" height="40" align="right"> </td>
<td><div class="c4">
<div><input type="submit" value="提交" class="btn2" />
<input type="reset" value="重置" class="btn2" /> </div>
</form>
</body>

效果图如下所示：

附：form表单的属性解释如下：

name:表单的名称

method:定义表单结果从浏览器传送到服务器的方法，一般有两种方法get和post

action：用来定义表单处理程序(一个ASP,CGI等程序)的位置( 相对地址或绝对地址)

enctype:设置表单资料的编码方式

target:设置返回信息的显示方式

除注明外的文章,均为来源:老汤博客,转载请保留本文地址！
原文地址：https://tangjiusheng.com/html/2.html

关注下头条号后，请私信将免费分享给你一份web前端资料！
立即关注

大家都在看