码迷,mamicode.com
首页 > Web开发 > 详细

html之input系列标签

时间:2016-11-29 14:41:54      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:标识   ima   led   check   name   gen   indicator   multiple   exp   

input属性太多,我这里仅列出几个我喜欢的吧。

disabled:首次加载时禁用此元素

checked:首次加载时选中此元素

form:输入字段所属的一个或多个表单

hieght:定义input字段的高度,适用于type=image

max_length:输入字段中字符的最大长度

min:与上相反

name:定义input元素的名称

pattern:输入字段值的模式或格式

multiple:允许一个以上的值

required:输入字段的值是必须的

size:输入字段的宽度

width:输入字段的宽度,适用于type=image

type:

  button   按扭

  checkbox 复选框

  file   文件

  hidden  隐藏

  imag   图片

  password  密码

  radio    单选框

  submit    提交按扭

  text    文本

value:input元素的值,提交后台的标识 

 

实例演示区:

文本域:form表单:块级标签

技术分享
    <form> #文本域
        姓:<input type="text" name="firstname">
        名:<input type="text" name="lastname">
        <input type="submit" value="提交">
    </form>
    <form>#密码
        用户名:<input type="text" name="user">
        密码:<input type="password" name="password">
        <input type="submit" value="提交">
    </form>
    <form>#复选框
        我喜欢:
            汔车:<input type="checkbox">
            美女:<input type="checkbox">
            电影:<input type="checkbox">
        <input type="submit" value="提交">
    </form>
    <form>#单选框,name名称要一致才能互斥
        你的姓别
        男:<input type="radio" name="r">
        女:<input type="radio" name="r">
        <input type="submit" value="提交">
    </form>
    <form>#围绕数据的fileset
        <fieldset>
            <legend>健康信息</legend>
            身高:<input type="text">
            体重:<input type="text">
        </fieldset>
    </form>
View Code

效果图:

技术分享

 

html之input系列标签

标签:标识   ima   led   check   name   gen   indicator   multiple   exp   

原文地址:http://www.cnblogs.com/kongzhagen/p/6113165.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!