精华内容
下载资源
问答
  • 常用表单类型

    2019-07-25 10:59:12
  • JavaScript中表单的属性 作用,常用表单类型介绍,外部样式表等介绍 表单 用户注册

     JavaScript中表单的属性 作用,常用的表单类型介绍,外部样式表等介绍

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <meta name="description" content="提供百万部免费电影下载">
        <meta name="keywords" content="手机特卖 低价手机 低价iPhone">
        <!--网页搜索时,的关键字,不会显示在网页内容中-->
        <title>表单</title>
        <!--外部样式链接 所有样式都写在另外的外部样式文件中-->
        <link href="css/global.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <!-- action属性:处理表单的服务器程序 -->
        <!-- method属性: 提交表单的方式 (get / post / put* / delete*)-->
        <div id="myform" align="center">
            <form action="aa" method="get">
                <!-- 隐式表单域(隐藏域) -->
                <input type="hidden" name="a" value="b" />
                <fieldset>
                    <legend>用户注册</legend>
                    <table>
                        <tr>
                            <td class="ra">用户名:</td>
                            <!--表单控件的name属性对服务器很重要-->
                            <td><input type="text" name="user"/></td>
                        </tr>
                        <tr>
                            <td class="ra">密码:</td>
                            <td><input type="password" name="pass" /></td>
                        </tr>
                        <tr>
                            <td class="ra">确认密码:</td>
                            <td><input type="password" name="repass" /></td>
                        </tr>
                        <!--加了checked 就是提前直接选定。自动单选分组了-->
                        <tr>
                            <td class="ra">性别:</td>
                            <td>
                                <input type="radio" name="sex" />男
                                <input type="radio" name="sex" checked/>女
                            </td>
                        </tr>
                        <tr>
                            <td class="ra">爱好:</td>
                            <td>
                                <input type="checkbox" name="fav" />吃饭
                                <input type="checkbox" name="fav" checked/>睡觉<br/>
                                <input type="checkbox" name="fav" />旅游
                                <input type="checkbox" name="fav" />看书
                            </td>
                        </tr>
                        <tr>
                            <td class="ra">所在地区:</td>
                            <td>
                                <select name="prov">
                                    <option>四川省</option>
                                    <option>广东省</option>
                                    <option>河南省</option>
                                    <option selected>北京市</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td class="ra">出生日期:</td>
                            <td>
                                <input type="date" name="birthday"/>
                            </td>
                        </tr>
                        <!--使用邮箱类型,客户端在输入时,输入法会有相应的改变(比如多出.com快捷按钮之类的-->
                        <!--其实和一般的输入框差不多-->
                        <tr>
                            <td class="ra">邮箱: </td>
                            <td>
                                <input type="email" name="email"/>
                            </td>
                        </tr>
                        <tr>
                            <td class="ra">头像: </td>
                            <td>
                                <input type="file" name="photo" />
                            </td>
                        </tr>
                        <tr>
                            <td class="ra">自我介绍: </td>
                            <td>
                                <textarea rows="5" cols="30" name="intro"></textarea>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" class="ca">
                                <input type="image" src="images/login.gif" />
                            </td>
                        </tr>
                    </table>
                </fieldset>
            </form>
        </div>
    </body>
    </html>

    外部样式表简单使用

    .ra {text-align: right; color:blue;}
    .ca {text-align: center;}
    tr {line-height: 35px;}
    #myform {width: 600px; background-color: antiquewhite;}
    textarea {resize: none;}
    input[type="text"], input[type="email"] { border:1px solid blue; }
    input[type="password"] { border: 1px solid red; }


    展开全文
  • form表单常用的媒体类型

    千次阅读 2018-06-15 16:23:25
    在HTTP请求中,把请求分为请求行...form表单提交媒体类型 1.application/x-www-form-urlencoded 这应该是最常见的 POST 提交数据的方式了。浏览器的原生 表单,如果不设置 enctype 属性,那么最终就会以 applica...

    在HTTP请求中,把请求分为请求行,请求头请求体,其中在请求头中,Content-Type主要是让服务器知道请求体是用何种方式编码,该如何去解析请求数据。

    form表单提交媒体类型

    1.application/x-www-form-urlencoded

    这应该是最常见的 POST 提交数据的方式了。浏览器的原生 表单,如果不设置 enctype 属性,那么最终就会以 application/x-www-form-urlencoded 方式提交数据。

    前端代码:

    <form action="<%=basePath%>upload/submitFormData" method="post">
            姓名:<input type = "text" name="userName"><br/>
            密码:<input type = "text" name="password"><br/>
            <input type="submit" value="提交">
      </form>

    这里写图片描述
    请求头:
    这里写图片描述
    请求体:
    这里写图片描述

    可以看出用form表单提交,如果不设定Content-type默认application/x-www-form-urlencoded,并在消息体中以键值对连接(如userName=22&password=%E4%BD%A0%E5%A5%BD+%E5%8F%B7
    汉字会进行URLEncoder编码;空格会转换成+号。

    2. multipart/form-data

    这又是一个常见的 POST 数据提交的方式。我们使用表单上传文件时,必须让 表单的 enctype 等于 multipart/form-data。

    前端代码:

    <form action="<%=basePath%>/upload/testFileUpload" enctype="multipart/form-data" method="post">
            <input type="file" name="file">
            姓名:<input type = "text" name="userName">
            <input type="submit" value="上传">
      </form>

    这里写图片描述

    请求头:
    这里写图片描述
    请求体:
    这里写图片描述

    分析:
    这个例子稍微复杂点。首先生成了一个 boundary 用于分割不同的字段,为了避免与正文内容重复,boundary 很长很复杂。然后 Content-Type 里指明了数据是以 multipart/form-data 来编码,本次请求的 boundary 是什么内容。消息主体里按照字段个数又分为多个结构类似的部分,每部分都是以 –boundary 开始,紧接着是内容描述信息,然后是回车,最后是字段具体内容(文本或二进制)。如果传输的是文件,还要包含文件名和文件类型信息。消息主体最后以 –boundary– 标示结束。

    3. application/json

    application/json 这个 Content-Type 作为响应头大家肯定不陌生。实际上,现在越来越多的人把它作为请求头,用来告诉服务端消息主体是序列化后的 JSON 字符串。由于 JSON 规范的流行,除了低版本 IE 之外的各大浏览器都原生支持 JSON.stringify,服务端语言也都有处理 JSON 的函数,使用 JSON 不会遇上什么麻烦。
    请求头:
    这里写图片描述
    请求体:
    这里写图片描述
    这种方案,可以方便的提交复杂的结构化数据,特别适合 RESTful 的接口。各大抓包工具如 Chrome 自带的开发者工具、Firebug、Fiddler,都会以树形结构展示 JSON 数据,非常友好。

    4. text/xml

    它是一种使用 HTTP 作为传输协议,XML 作为编码方式的远程调用规范。典型的 XML-RPC 请求是这样的:

    POST http://www.example.com HTTP/1.1
    Content-Type: text/xml
    
    <?xml version="1.0"?>
    <methodCall>
        <methodName>examples.getStateName</methodName>
        <params>
            <param>
                <value><i4>41</i4></value>
            </param>
        </params>
    </methodCall>
    展开全文
  • 、models.GenericIPAddressField 字符串类型(ip4和ip6是可选的)  参数protocol可以是:both、ipv4、ipv6  验证时,会根据设置报错 14 、models.NullBooleanField 允许为空的布尔类型 15 、models....

    字段:

    1、models.AutoField  自增列= int(11)

      如果没有的话,默认会生成一个名称为 id 的列,如果要显示的自定义一个自增列,必须将给列设置为主键 primary_key=True

    2、models.CharField  字符串字段

      必须 max_length 参数

    3、models.BooleanField  布尔类型=tinyint(1)

      不能为空,Blank=True

    4、models.ComaSeparatedIntegerField  用逗号分割的数字=varchar

      继承CharField,所以必须 max_lenght 参数

    5、models.DateField  日期类型 date

      对于参数,auto_now =True则每次更新都会更新这个时间;auto_now_add 则只是第一次创建添加,之后的更新不再改变。

    6、models.DateTimeField  日期类型 datetime

      同DateField的参数

    7、models.Decimal  十进制小数类型= decimal

      必须指定整数位max_digits和小数位decimal_places

    8、models.EmailField  字符串类型(正则表达式邮箱)=varchar

      对字符串进行正则表达式

    9、models.FloatField  浮点类型= double

    10、models.IntegerField  整形

    11、models.BigIntegerField  长整形

      integer_field_ranges ={

        'SmallIntegerField':(-32768,32767),

        'IntegerField':(-2147483648,2147483647),

        'BigIntegerField':(-9223372036854775808,9223372036854775807),

        'PositiveSmallIntegerField':(0,32767),

        'PositiveIntegerField':(0,2147483647),

      }

    12、models.IPAddressField  字符串类型(ip4正则表达式)

    13、models.GenericIPAddressField  字符串类型(ip4和ip6是可选的)

      参数protocol可以是:both、ipv4、ipv6

      验证时,会根据设置报错

    14、models.NullBooleanField  允许为空的布尔类型

    15、models.PositiveIntegerFiel  正Integer

    16、models.PositiveSmallIntegerField  正smallInteger

    17、models.SlugField  减号、下划线、字母、数字

    18、models.SmallIntegerField  数字

      数据库中的字段有:tinyint、smallint、int、bigint

    19、models.TextField  字符串=longtext

    20、models.TimeField  时间 HH:MM[:ss[.uuuuuu]]

    21、models.URLField  字符串,地址正则表达式

    22、models.BinaryField  二进制

    23、models.ImageField图片

    24、models.FilePathField文件

     

    参数:

    1、null=True

      数据库中字段是否可以为空

    2、blank=True

      django的Admin中添加数据时是否可允许空值

    3、primary_key =False

      主键,对AutoField设置主键后,就会代替原来的自增 id 

    4、auto_now 和 auto_now_add

      auto_now 自动创建---无论添加或修改,都是当前操作的时间

      auto_now_add 自动创建---永远是创建时的时间

    5、choices

    GENDER_CHOICE =(

    (u'M', u'Male'),

    (u'F', u'Female'),

    )

    gender = models.CharField(max_length=2,choices = GENDER_CHOICE)

    6、max_length

    7、default  默认值

    8、verbose_name  Admin中字段的显示名称

    9、name|db_column  数据库中的字段名称

    10、unique=True  不允许重复

    11、db_index =True  数据库索引

    12、editable=True  在Admin里是否可编辑

    13、error_messages=None  错误提示

    14、auto_created=False  自动创建

    15、help_text  在Admin中提示帮助信息

    16、validators=[]

    17、upload-to

    转载于:https://my.oschina.net/u/3222944/blog/3011390

    展开全文
  • 表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。 表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。 表单用于向服务器传输数据。 注释:form 元素是块级元素,其前后会...
  • 一些常用表单元素

    2020-09-12 16:18:00
    form用来进行表单提交 action提交的地址 input: 1.text(文本类型) 2.password(密码类型) 3. number(数值类型) 4. radio(单选框) ...表单常用属性: 1.autofocus自动聚焦 2.selected默认下拉选框选中 3.chec
  • 常用表单美化

    千次阅读 2019-03-20 10:19:30
    常用文本属性列表: font-size字体大小 font-family字体类型 font-style字体样式 color设置或检索文本的颜色 text-align文本对齐(left、center、right) font-weight文字粗细 text-decoration文字下划线 line-...
  • 一、form相关属性 1.可以用name属性给表单进行...1.text,password类型input常用的属性size(输入框大小),maxlength(最多输入长度) 2.单选框将type设置为radio,name属性相同的一组为一组单选框 3.复选框的...
  • 常见的表单域 常见的内建验证 数据库列的数据类型 数据库列属性 ORM数据库常用关系选项
  • 1. 系统常用的数据类型 1 2. H5 form表单新数据类型 2 2.1. TML5 新的 Input 类型 2 2.2. HTML5 的新的表单元素: 2 2.3. HTML5 的新的表单属性 2 2.3.1. 新的 form 属性: 2 2.3.2. 新的 input 属性: 2 3. ...
  • 知道表单面板如何创建 了解表单面板中xtype的类型的应用 知道表单面板如何验证,绑定,取值 综合应用表单面板(玩转它)
  • 模块的配置参数,前后台组建的表单提交,以及系统中的表单提交,基本上都是基于xml文件生成的,joomla2.5的模块参数xml文件,组件里面表单的xml文件,虽然结构不同,但是生成表单的元素是一样的,今天就来讲解常用表单生成...
  • 一、表单form ...method:规定哪种方式发送数据、两种方式发送:get(地址栏显示表单内容) post(隐藏内容、常用) form表单常见属性名: type:指定的元素类型:text(文本框)、password(密码框)、check
  • 常用事件类型

    2020-08-12 08:46:41
    change事件(只针对表单) 如果标签内容value值发生改变,并且失去焦距触发 input 中的text checkbox radio select(下拉菜单) select.value是选中的值 select会有多选(multiple)的可能性,这样会导致value一直是第一次...
  • js jquery 常用表单校验

    2015-01-04 15:08:25
    在做web项目开发中,用户填写表单信息后,需要进行动态校验,而且几乎所有的系统的校验...表单元素类型: 文本框,单选按钮,复选框,下拉框,下拉多选框,文本域 js的校验: 文本框: 单选按钮: jquery的校验:
  • 适用的数据类型 说明 @AssertFalse Boolean, boolean 验证注解的元素值是false @AssertTrue Boolean, boolean 验证注解的元素值是true @DecimalMax(value...
  • 常用表单操作

    2016-12-21 10:37:00
    常用表单操作 1、在制作图片上传时,前端页面经常会需要判断图片的类型,图片的大小什么的,如果不做这些判断交给服务器处理,无疑会增加服务器的压力。 1 <tr> 2 <th>本地图片:</th&...
  • 表单 表单标签 注册和登录 目的:收集用户信息,能够输入内容 input标签 text 文本输入类型 <input type="text" name="username"> password 密码类型 <input type="password" name=...
  • 目录 1.什么是表单? 2.表单组成部分 3.表单标签form ...9.HTML5新增表单类型 10.HTML表单总结 1.什么是表单? 表单是网页中数据采集的工具。 2.表单组成部分 3.表单标签form &l...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,115
精华内容 446
关键字:

常用表单类型