HTML的form表单

原创 2018年04月16日 14:11:13
  1. 真正处理表单的数据脚本或程序在action属性里,这个值可以是程序或者脚本的完整的url,表单的处理程序定义是表单要提交的地址
  2. 表单的method属性用来定义处理程序从表单中的获得信息的方式,他决定了表单中已收集的数据是用什么方法发送到服务器get:表单数据会被视为CGI或ASP的参数发送,来访者输入的数据会附加在URL之后,由用户端直接发送给服务器,所以速度比post快但缺点是数据长度不能太长。post:表单数据与URL分开发送,客户端的计算机会通知服务器来读取数据,所以通常没有数据长度上的限制。默认为get
  3. form的enctype属性:text/plain:以纯文本的形式传送,application/x-www-form-urlencoded:默认的编码形式;multipart/form-data:MIME编码,上传文件的表单必须选择该项
  4. 使用marquee标签可以将文字设置为动态滚动的效果
  5. bgsound设置网页的背景音乐。loop属性设置循环播放次数
  6. 添加多媒体文件标记embed,设置自动运行autostart,设置循环播放次数loop
    这里写图片描述
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <!--添加滚动文字效果-->
        <marquee direction="right" behavior="alternate" scrollamount="10" scrolldelay="3" vspace="50px"><strong><em>欢迎来到专业认证系统</em></strong></marquee>
        <!--为网页增添背景音乐-->

        <div align="center" style="margin-top: 120px; text-align: left; margin-left:450px;">
        <form action="mailto:2576363815@qq.com" 
            name="register" method="post"
            enctype="text/plain" target="_self">
             <strong>请选择专业:</strong> <br/><br/><input type="radio" name="jike"/>计算机科学与技术<br />
            <input type="radio" name="ruangong" />软件工程<br />
            <input type="radio" name="wangluo" />网络工程<br />
            <br />
            <strong>请选择年级</strong>
            <select>
              <option value="大一">大一</option>
              <option value="大二">大二</option>
              <option value="大三">大三</option>
              <option value="大四">大四</option>
            </select>
            <br /><br />
            <strong>用户名:</strong><input type="text"  name="username" size="20" value="请输入您的工号"/><br /><br />
           <strong>密码   :</strong>&nbsp;&nbsp;<input type="password"  size="20" maxlength="20"/><br /><br />
            记住密码 <input type="radio" name="remember" />
          <input type="reset" value="重置"/>
          <input type="submit" value="登录" /><br />
        </form>
        </div>
    </body>
</html>
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/vivi_and_qiao/article/details/79959918

html的form表单实例介绍

  • 2013年12月23日 10:44
  • 787B
  • 下载

HTML Form表单详解

表单属性   属性                          值                                           描述 accept            ...
  • aoshilang2249
  • aoshilang2249
  • 2015-07-07 06:57:42
  • 3512

自动生成式form表单

  • 2010年04月27日 13:17
  • 80KB
  • 下载

HTML表单传值

以前传表单,有个坏毛病,总是用POST传值的同时还不忘记在action里加上GET参数,一直混淆这个问题,为啥用POST传值,还能同时用GET传值。代码如下:以脚本程序php为例:post.html:...
  • a7458969
  • a7458969
  • 2011-03-30 20:01:00
  • 4753

HTML form 垂直水平居中

HTML中body代码:               欢迎登陆网站主页             用户名:             密 &nbsp;&nbsp;码: ...
  • nick520920
  • nick520920
  • 2016-06-28 11:47:34
  • 10186

html中form表单的使用方法和介绍

form表单的使用方法 第1节、表单赏析 第2节、了解表单 功能:用于搜集不同类型的用户输入的内容   有了表单,网页的内容可以由用户自己创建,那么对于网页来说,我们既是网页创建都者,也...
  • wang1006008051
  • wang1006008051
  • 2017-10-04 09:43:33
  • 527

前端HTML<form>表单的属性和使用

1.表单的作用 表单用于显示、收集信息,并将信息提交给服务器 2.表单的元素 1、语法                                    允许出现表单控件        ...
  • baidu_25343343
  • baidu_25343343
  • 2016-10-06 01:09:50
  • 7515

form表单文字垂直居中设计方案

尝试了一天,忽然看到曙光,在各种浏览器下效果差强人意,今后我的form表单的整体格式就这么写了。这个方案的要点就是 height/line-height/float 这三者同时使用。  ...
  • yaozhiyi
  • yaozhiyi
  • 2012-04-05 09:37:37
  • 5449

1行css属性让 HTML FORM 精确居中

form{ width: 500px; display: inline-block; border: 1px so }
  • wuyang528378
  • wuyang528378
  • 2014-08-08 22:23:52
  • 2184

HTML的表单

  • 2016年04月11日 09:00
  • 183KB
  • 下载
收藏助手
不良信息举报
您举报文章:HTML的form表单
举报原因:
原因补充:

(最多只允许输入30个字)