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

 分类:html知识时间:2015-04-22点击:

      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">密&nbsp;&nbsp;码</td>
                <td><input type="password" value="" class="text2" name = "userpass" id = "userpassid"/></td>
              </tr>
              <tr>
                <td width="60" height="40" align="right">&nbsp;</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:设置返回信息的显示方式

 

除注明外的文章,均为来源:(QQ:1917843637),转载请保留本文地址!
原文地址:
  • 一起学习,请加入web前端开发交流群:296358221
  • 立即加入