精华内容
下载资源
问答
  • 1、form表单常用属性练习.form1 {margin: auto;height: 900px;width: 500px;text-align: center;line-height: 40px;letter-spacing: 2px;border: 1px solid red;}.img {height: 50px;width: 50px;}用户名:密码:...

    1、form表单常用属性练习

    .form1 {

    margin: auto;

    height: 900px;

    width: 500px;

    text-align: center;

    line-height: 40px;

    letter-spacing: 2px;

    border: 1px solid red;

    }

    .img {

    height: 50px;

    width: 50px;

    }

    用 户 名:

    密     码:

    确认密码:

    性  别:      

    爱好:

    阅读

    足球

    游戏

    电话号码:

    邮箱:

    验证码:

    颜色选择器

    日期

    日期+时间

    时间

    月份

    周数

    图片提交

    下拉列表

    南昌

    南充

    成都

    西藏

    西瓜

    香蕉

    草莓

    得到的效果是:

    3395e89a2052c79ace1114f4f9d654ea.png

    form表单的属性标签

    form表单的常用标签 表单:

    html5中form表单新增属性以及改良的input标签元素的种类

    在HTML5中,表单新增了一些属性,input标签也有了更多的type类型,有些实现了js才能实现的特效,但目前有些浏览器不能全部支持.下面是一些h5在表单和input标签上的一些改动.

    form 表单 enctype 属性-(转自w3c)

    在上传文件时必 ...

    Form 表单常用正则验证 (收藏)

    1.^\d+$ //匹配非负整数(正整数 + 0) 2.^[0-9]*[1-9][0-9]*$ //匹配正整数 3.^((-\d+)|(0+))$ //匹配非正整数(负整数 + 0) 4.^-[0-9 ...

    javascript form表单常用的正则表达式

    form验证时常用的几个正则表达式 座机: \d{3,4}-\d{7,8} 手机号: /^1[34578][0-9]{9}$/ (\86)?\s+1[34578]\d{0-9} (\+86)?\s*1 ...

    html5 form表单常用标签

    Java 自动装箱与拆箱(Autoboxing and unboxing)

    什么是自动装箱拆箱 基本数据类型的自动装箱(autoboxing).拆箱(unboxing)是自J2SE 5.0开始提供的功能. 一般我们要创建一个类的对象实例的时候,我们会这样: Class a = ...

    第五篇-以显式意图(Explicit Intent)跳往其它Activity

    此项目基于第四篇. Intent(意图) Explicit Intent(显式意图): 清楚指明需要前往的Activity的名称 用于APP内部的连接 Inplicit Intent(隐式意图): 不 ...

    FatFs文件系统的移植

    FatFs 的底层可以写一次命令,读写多个扇区.FatFs的设计的读写的思想就很好,小块的数据,我就经过Buffer来存储,大块的数据,我就直接进行存取,那样速度,效率高了很多,看图: FatFs文件 ...

    Spring mvc Json 的正确返回姿势

    我们经常都需要封装统一JSON格式 例如以下形式 { “data”:“输出的数据”, “code”:“响应代码”, “msg”:“响应信息” } /** * Created by linli on 2 ...

    展开全文
  • HTML_表单常用属性

    2019-11-07 15:02:34
    表单常用属性 placeholder 背景字 maxlength 最大长度 minlength 最小长度 checked 单选,复选的默认选中 selected 下拉框默认选中 readonly 只读, 只能看不能改, 能够提交给服务器 disabled ...

    表单常用属性

    • placeholder 背景字

    • maxlength 最大长度

    • minlength 最小长度

    • checked 单选,复选的默认选中

    • selected 下拉框默认选中

    • readonly 只读, 只能看不能改, 能够提交给服务器

    • disabled 禁用, 只能看不能改, 不能提交给服务器

    • autofocus 自动获取光标

    • autocomplete 自动提示 值: on 或 off

    • multiple 多选(文件)

    • required 不能为空

    <form action="demo.php">  
            <input type="text" name="name" placeholder="your tel">
            <br>
            <input type="text" name="pwd" minlength="6" maxlength="10">
            <br>
            <label><input type="radio" name="sex" value="1"></label>
            <label><input type="radio" name="sex" value="2" checked></label>
            <br>
            <select name="address">
                <option value="1"> 地球 </option>
                <option value="2"> 火星 </option>
                <option value="3"> 阿联酋 </option>
                <option value="4"> 泰坦星 </option>
                <option value="5"> 埃塞俄比亚 </option>
                <option value="6" selected> 亚欧尼亚 </option>
                <option value="7"> 铁岭 </option>
                <option value="8"> 四平 </option>
            </select>
            <br>
            <input type="text" name="a" value="这是只读" readonly>
            <input type="text" name="b" value="这是禁用" disabled>
            <br>
            <input type="text" autofocus>
            <br>
            <input type="text" name="tel" maxlength="11" autocomplete="Off">
            <br>
            <!-- 单选文件 -->
            <input type="file">
            <!-- 多选文件
                 注意:
                    添加属性 multiple 才能实现多选
                    给name值补上[], 才能真正选择多个文件
             -->
            <input type="file" name="photo[]" multiple>
            <br>
            <input type="password" name="passwd"  required> 
            <br>
            <input type="submit">
    </form>
    
    展开全文
  • 表单常用属性

    2014-03-10 10:11:00
    表单常用属性有以下几种: name:用来标识这个表单,在javascript中可以通过 document.表单名 来取得这个表单 action:表示这个表单提交时的跳转路径 method:表示提交方式,可以选择post和get,默认为get方式.两种方式...

    <form>表单常用属性有以下几种:

    name:用来标识这个表单,在javascript中可以通过 document.表单名 来取得这个表单

    action:表示这个表单提交时的跳转路径

    method:表示提交方式,可以选择post和get,默认为get方式.两种方式的区别:

        post:所有提交的参数都会隐藏,没有参数的大小限制,建议使用该方式

        get:所有提交参数都会在地址栏显示,参数总量最大4-5K.不建议使用

    enctype:表示表单的封装方式,只有在进行文件上传时才会使用,当执行文件上传时,必须将这个值设置为enctype="multipart/form-data"

    onsubmit:当表单提交时自动执行的javascript事件,一般在需要进行提交验证时使用.

    转载于:https://www.cnblogs.com/wanghongyewang/p/3591219.html

    展开全文
  • HTML表格及表单常用属性

    千次阅读 多人点赞 2020-08-14 12:10:03
    frame 属性值: viod 不显示外边框 border 四周都显示 above 显示上部的外边框 below 显示下部的外边框 hsides 显示上下的外边框 lhs 显示左部的外边框 rhs 显示右部的外边框 vsides 显示左右的外边框 常用属性演示...

    table:表名的开始和结束

    caption:表格的大标题

    tr:进行(hang行)的添加 一行一组

    th、td:单元格 表示的是列

    th:列标题,标题。 有加粗,有居中的默认效果

    td:普通单元格

    border:实现边框

    width:表格宽度

    单词column:列

    rowspan:表示横跨行(上下合并)
    colspan:表示横跨列(左右合并)
    rowspan   //列的合并左边的为依据,合并行
    colspan   //行的合并是以上面的为依据,合并列
    

    上代码:

    表格演示源码:

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <table border="1px" width="1000px">
            <caption>商品信息表</caption>
            <thead>
                <tr>
                    <th>商品类别</th>
                    <th>商品名称</th>
                    <th>单位</th>
                    <th>数量</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td rowspan="2">家电类</td><!--合并行-->
                    <td valign="top">冰箱</td>
                    <td></td>
                    <td align="center">520</td>
                </tr>
            <tr>
                <!--<td>家电类</td>-->
                <td>洗衣机</td>
                <td></td>
                <td align="center">13</td>
            </tr>
                <tr>
                    <td>辅料</td>
                    <td>插线板</td>
                    <td></td>
                    <td align="center">14</td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td colspan="4">备注:</td><!--合并列-->
                    <!--<td></td>-->
                    <!--<td></td>-->
                    <!--<td></td>-->
                </tr>
            </tfoot>
        </table>
    </body>
    </html>
    

    表格演示图:

    在这里插入图片描述

    属性:

    caption————商品库存表
    thead  ————页眉部分,标题
    tbody  ————主体部分
    tfoot  ————页脚部分
    
    属性————值————描述
    align     ————right、left、center、justify、char————定义在列组合中内容的水平对齐方式
    char      ————character                        ————规定根据哪个字符来对齐列组中的内容
    charoff   ————number                           ————规定第一个对齐字符的偏移量
    span      ————number                           ————规定列组应该横跨的列数
    valign    ————top、middle、bottom、baseline     ————定义在列组合中内容的垂直对齐方式
    width     ————pixels%                          ————规定列组合的宽度
    
    border        1px                    设置边框
    width         npx,n %                表格宽度
    bgcolor       颜色值                  表格背景
    align         left,center,right      表格在文档中的对齐方式
    cellpadding   n px                   内容和边框之间的间距
    cellspacing   n px                   单元格之间的间距
    

    属性名称:frame

    属性值:
    viod        不显示外边框
    border      四周都显示
    above       显示上部的外边框
    below       显示下部的外边框
    hsides      显示上下的外边框
    lhs         显示左部的外边框
    rhs         显示右部的外边框
    vsides      显示左右的外边框
    

    常用属性演示源码:

    img标签
    <html>
        <head>
            <title></title>
        </head>
        <body>
            <h1>img变迁的使用</h1>
            <h2>img标签的重要属性</h2>
            <p>
                src:指向需要打开的图片地址,(地址个超链接的地址一样)
                <div>
                    <img src="1~J6I0FT(V5{7]QA@K)@@1I.png" alt="图片没找到的替代文字" title="鼠标悬浮文字" width="100px" height="200px">
                    <img src="]{2R[[Y5]WNVF8[JFVX1XY3.png" >
                    <!--一般使用scc来控制tylte-->
    
                </div>
            </p>
        </body>
    </html>
    
    input 标签
    
    <div>
        文本框:<input type="text" value="999999">
    </div>
    
    <div>
        密码框:<input type="password">
    </div>
    <div>
        复选框:<input type="checkbox" value="1" name="ho">
        <input type="checkbox" value="1" name="ho">
    </div>
    
    <div>
        单选框:<input type="radio" name="sex" checked><input type="radio" name="sex"><br>
                说明:相同的name属性,表示是同一个组的单选框。那么最多只能被选中一个。
    </div>
    <hr>
    <div>
        文件选择框:<input type="file">
        <br>
        主要用于文件上传!
    </div>
    <hr>
    <div>
        隐藏域:<input type="hidden"><br>
        用户不可见,但是程序能使用。一般用于在页面记录隐藏信息(不用给用户看,但是程序又需要的数据)
    </div>
    <hr>
    <div>
        <input type="submit" value="提交按钮">用于提价form表单到服务器。
        <input type="reset" value="重置按钮">将form表单中的控件值置为初始状态
        <input type="button" value="普通按钮" onclick="javascript:alert('我是');">没有特定的功能,主要用于触发js事件
    </div>
    <hr>
    <div>
        多行文本域:<textarea cols="20" rows="20" style="height: 40px;widows: 400px;"></textarea>
        <br>
        备注:cols,设置列,rows,设置行(可以控制文本域的大小)。但是一般使用height,width,来控制大小
    </div>
    <hr>
    <div>
        下拉列表:
        <select>
            <option value="">一年级</option>
            <option value="">二年级</option>
            <option value="">三年级</option>
            <option value="">四年级</option>
            <option value="">五年级</option>
            <option value="">六年级</option>
        </select>
    </div>
    
    

    常用属性演示图:

    在这里插入图片描述

    展开全文
  • avue-form表单常用属性和用法

    千次阅读 2021-07-30 17:17:06
    个人用法:在vue中可以单独建立一个...// 默认表单选项 export function formOption (config) { const option = { card: false, size: 'mini', labelWidth: '100', //弹出表单的标题的统一宽度 labelPosition:
  • 这篇文章主要介绍了使用HTML5进行SVG矢量图形绘制的入门教程,包括基本图形的绘制和简单的渐变效果等介绍,注意旧版本IE对其的支持并不好,需要的朋友可以参考下HTML5 新的表单属性HTML5 的 和 标签添加了几个新属性....
  • 主要介绍了HTML5中表单常用属性及新属性的整理,主要以新属性的总结为主,需要的朋友可以参考下
  • 常用表单属性

    2018-04-17 00:44:20
    常用表单属性 form autocomplete 设置整个表单是否开启自动完成 on|off novalidate 设置H5的表单校验是否工作 true 不工作 不加该属性代表校验 input: autocomplete 单独设置每个文本框的自动完成 autofocus ...
  • CharField EmailField FloatField FloatField 表单的使用姿式 前端自己写表单, name的名称要与表单类的类属性一致 视图直接接收数据然后验证拿数据 IntegerField URLField ...
  • 0330-【form表单常用属性·新增属性·特殊属性
  • 表单属性

    2016-12-22 22:26:52
    action = “表单的提交路径” Http://www.baidu.com ... servlet method = “提交方式” form 表单的提交方式有哪些? 回答:form表单提交方式有很多,常用的有两种get和post,如果不指定,默认是get方式。 ge
  • 主要介绍了jQuery表单属性过滤器用法,实例分析了:checked、:enabled、:disabled:、selected等常用表单属性过滤器使用技巧,需要的朋友可以参考下
  • 表单常用属性有以下几种: name:用来标识这个表单,在javascript中可以通过 document.表单名 来取得这个表单 action:表示这个表单提交时的跳转路径 method:表示提交方式,可以选择post和get,默认为get方式.两...
  • 常用表单元素及属性

    2020-07-22 18:44:35
    常用表单元素及属性 1.表单元素使用<form action=””method=””></form>标签包裹 action === 提交表单的服务器的地址 method === 提交表单的方式(post/get) post与get的区别: 1. get是从...
  • form表单属性

    千次阅读 2017-10-30 19:58:36
    Form的属性method属性:...target属性:指定action的Url在哪里打开method属性form表单是的HTML中常用的标签。主要用来提交参数与后台数据进行交互。提交表单的方式有两种(主要通过method属性控制):①GET方式:最常
  • action属性 定义表单数据提交地址 method属性 定义表单提交方式,一般为get或post方式 <label>标签 为表单元素定义文字标注 for属性:提高用户体验度,点击label中的内容自动激活与该标签绑定的控件 <...
  • DOM访问表单控件的常用属性和方法: action 返回该表单的提交地址 elements 返回表单内全部表单控件所组成的数组,通过数组可以访问表单内的任何表单控件 length ...
  • jQuery 表单对象属性

    千次阅读 2018-09-09 00:00:00
    jQuery有着非常丰富的DOM元素操作方法,在DOM元素中,表单元素尤为突出,在jQuery库中与表单DOM元素相关的方法是占有非常大的比例,可见一斑!接下来的文章中,将是都介绍与表单DOM元素相关的方法。 本篇文章,介绍...
  • HTML5 新的表单属性 HTML5 的 &lt;form&gt; 和 &lt;input&gt;标签添加了几个新属性. &lt;form&gt;新属性: autocomplete novalidate &lt;input&gt;新属性: ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 152,486
精华内容 60,994
关键字:

表单的常用属性