精华内容
下载资源
问答
  • Html5中input标记type属性

    千次阅读 2016-11-30 08:14:33
    三、Html5中input标记type属性 属性 描述 Email 邮件 Date 日期 Url 网址 Number 数字 Range 范围 Color 样式

    三、Html5input标记的type属性

    属性

    描述

    Email

    邮件

    Date

    日期

    Url

    网址

    Number

    数字

    Range

    范围

    Color

    样式

    邮件:<input type="email" name="email"><br><br>
    日期:<input type="date" name="mydate"><br><br>
    网址:<input type="url" name="url"><br><br>
    电话:<input type="number" name="number"><br><br>
    亮度:<input type="range" min="0" max="10"><br><br>
    颜色:<input type="color" name=""><br><br>

    由于博客原因:效果出不来,大家可以自己常试下,代码如上

    邮件:

    日期:

    网址:

    电话:

    亮度:

    颜色:

    <input type="text" list="xi">
    <datalist id="xi">
    	<option>百度</option>
    	<option>搜狗</option>
    	<option>???</option>
    </datalist>

    由于博客原因:效果出不来,大家可以自己常试下,代码如上

    搜索:百度搜狗???

    展开全文
  • 代码如图,设置input的type属性radio时,会发现男女皆可选,不能实现只选一个,而且一旦选中就无法更改 结果如下图:解决方法是在input标记里面添加name属性,并保持两个name属性的值相同,例如可以设置两个...

    代码如图,当设置input的type属性值为radio时,会发现男女皆可选,不能实现只选一个,而且一旦选中就无法更改

    在这里插入图片描述
    结果如下图:在这里插入图片描述解决方法是在input标记里面添加name属性,并保持两个name属性的值相同,例如可以设置两个input标记中的name=“sex”,如图所示:

    在这里插入图片描述
    这时就可以实现二选一了:
    在这里插入图片描述

    展开全文
  • 表单input标签type属性详解

    万次阅读 多人点赞 2016-02-26 15:38:03
    input标签type属性详解

    目标:详解表单input标签type属性常用的属性值

    一、input标签和它的type属性
    PS:input 元素可以用来生成一个供用户输入数据的简单文本框。 在默认的情况下, 什么样的数据均可以输入。而通过不同的type属性值,可以限制输入的内容。

    二、总结
    1、text 一个单行文本框,默认属性值
    2、password 隐藏字符的密码框
    3、search 搜索框,在某些浏览器中输入内容会出现叉形标记
    4、submit、reset、button 依次是:提交按钮、重置按钮、普通按钮
    5、number、range 依次是:只能输入数值的框、只能输入在一个指定范围的数值框
    6、checkbox、radio 依次是:复选框,一组复选框(name属性值相同)用户可以勾选多个、单选按钮,一组单选按钮(name属性值相同)用户只可以选中一个
    7、image、color 依次是:图片按钮、颜色代码按钮
    8、email、tel、url 依次是:检测电子邮件、号码、网址的文本框
    9、hidden 生成一个隐藏控件
    10、file 生成一个上传控件
    11、获取各种日期、时间 data、month、time、week、datetime、datatime-local

    三、详解
    1、type=”text”
    1.1)、list 指定为文本框提供建议值的 datalist 元素,其值为datalist 元素的 id 值
    1.2)、maxlength 设置文本最大字符长度
    1.3)、pattern 用于输入验证的正则表达式
    1.4)、placeholder 输入提示的文本,当用户输入内容时会自动消失
    1.5)、readonly 文本框处于只读状态
    1.6)、disabled 文本框处于禁用状态
    1.7)、size 设置文本框宽度
    1.8)、value 设置文本框初始值,会显示在文本框中,显示时优先级比placeholder高,表单提交时优先提交用户输入的内容,如果用户没有输入则提交默认的值
    1.9)、required 表示用户必须输入一个值,否则无法通过输入验证

    2、type=”password”,和type=”text”时所拥的额外属性基本一致,少了一个list属性

    3、type=”search” , 和type=”text”所有用的额外属性值一致

    4、当type为submit、reset、button,提交表单、重置表单、普通按钮
    4.1)、如果是 submit 时,还提供了和元素一样的额外属性:formaction、formenctype、formmethod、formtarget 和 formnovalidate。

    5、当type为number、range时
    5.1)、type=”number” 只能输入数字的文本框
    5.2)、type=”range” 生成一个通过拖拽调节大小的调节器
    额外属性:
    5.3)、min 设置可接受的最小值
    5.4)、max 设定可接受的最大值
    5.5)、value 指定初始值
    5.6)、step 指定上下调节值的步长
    5.7)、required 表明用户必须输入一个值,否则无法通过输入验证
    5.8)、readonly 设置文本框内容只读

    6、当type为checkbox、radio
    6.1)、不管type等于checkbox还是radio,都必须有属性name和value
    6.2)、他们还有可选属性checked、required
    PS:复选框和单选按钮都是以一组一组的形式存在,name值相同的即为一组,一组复选框可以同时选中几个,而一组单选按钮同时只能选中一个

    <section>
      <label for="c">C</label>            <input type="checkbox" id="c" name="hobby" value="c"/>
      <label for="python">python</label>   <input type="checkbox" id="python" name="hobby" value="python"/>
      <label for="java">java</label>       <input type="checkbox" id="java" name="hobby"  value="java"/>
    </section>
    <section>
      <label for="apple">apple</label>     <input type="checkbox" id="apple" name="eat" value="apple"/>
      <label for="orange">orange</label>  <input type="checkbox" id="orange" name="eat" value="orange"/>
      <label for="pear">pear</label>      <input type="checkbox" id="pear" name="eat"  value="pear"/>
    </section>
      提交时数据格式:hobby=c&hobby=python&eat=orange&eat=pear
    
    <section>
      <label for="man"></label> <input type="radio" id="man" name="sex" value="man"/>
      <label for="men"></label> <input type="radio" id="men" name="sex" value="men"/>
    </section>
      提交时数据格式:sex=man
    

    7、当type为image、color
    7.1)、当type=”image”时,功能上和type=”submit”一样,前者是用图片作为按钮,当然后者也可以达到同样的效果
    额外属性:
    7.2)、src 指定要显示图像的 URL
    7.3)、alt 提供图片的文字说明,当图片找不到时显示该文字
    7.4)、width 图像的长度,注意这是标签属性,而不是样式属性
    7.5)、height 图片的高度,注意事项如上
    7.6)、提交时的额外属性 formaction、formenctype、formmethod、formtarget和 formnovalidate。

    8、当type为email、tel、url
    8.1)、email 为电子邮件格式
    8.2)、tel 为电话格式
    8.3)、url 为网址格式
    8.4)、额外属性和 text一致。但对于这几种类型,浏览器支持是不同的。email 支持比较好,现在浏览器都支持格式验证;tel 基本不支持;url 支持一般,部分浏览器只要检测到 http://就能通过。

    9、type=”hidden”
    9.1)、生成一个隐藏控件,一般用于表单提交时关联主键 ID 提交,而这个数据作为隐藏存在

    10、type=”file”
    10.1)、生成一个文件上传控件,用于文件的上传。
    额外属性:
    10.2)、required 表明用户必须提供一个值,否则无法通过验证
    10.3)、accept 指定接收的MIME类型 例如:accept=”image/gif, image/jpeg, image/png”
    PS:当需要上传文件时,form标签的enctype属性必须设置为multipart/form-data

    11、当type为data、month、time、week、datetime、datatime-local,因为各种原因还是用jquery等前端库写吧!!!

    展开全文
  • input标签type属性值以及相关描述

    千次阅读 2019-03-26 22:59:13
    input标签的type属性值以及相关描述 input标签的type属性值以及相关描述 type属性 描述 text 文本域 password 密码域 file 文件域 checkbox 复选域 radio 单选域 buttom 按钮 ...

    input标签的type属性值以及相关描述

    input标签的type属性值以及相关描述
    type属性 描述
    text 文本域
    password 密码域
    file 文件域
    checkbox 复选域
    radio 单选域
    buttom 按钮
    submit 提交按钮
    reset 重置按钮
    hidden 隐藏域
    image 图像域

     

    展开全文
  • inputtype属性

    千次阅读 2018-11-24 22:14:09
    1.inputtype 属性的新增值 1.概述 eamil 用于应该包含“e-mail"地址的输入框 url 用于应该包含“URL"地址的输入框 search 用于应该“搜索内容"的输入框 number 用于应该包含“数值"的输入...
  • input 标签的 type 属性详解】

    万次阅读 多人点赞 2019-09-03 23:16:31
    input 输入标签的type 属性1.1 input 标签的 type类型 属性的常用属性值⑴ type="text"⑵ type="button"⑶ type="checkbox"⑷ type="file"⑸ type="hidden"⑹ type="image"⑺ type="password"⑻ type="radio"⑼ ...
  • inputtype属性

    千次阅读 2018-04-18 17:22:17
    input有很多属性,我们先来说一下最原始的,也就是HTML5之前的 1)text: 定义单行的输入字段,可扎起其中输入文本 2)password:定义密码字段,会显示自符掩码 3)file: 定义输入字段和“浏览”安按钮,供文件...
  • HTML <input> type 属性

    2016-06-11 20:49:58
    <input type="value"> 属性值 值 描述 button 定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本)。 checkbox 定义复选框。 colorNew 定义拾色器。 dateNew 定义 date 控件(包括年、月、日,...
  • 1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true 2.只读文本框内容,在input里添加属性值 readonly 3.防止退后清空的TEXT文档(可把style内容做做类引用) 4.ENTER键...
  • 当input标签name属性为submit时对表单的影响
  • wml input标记的format属性

    千次阅读 2008-12-13 10:07:00
    1、wml input标记的format属性A 从A到Z的任何大写字母,没有数字或其他字符。a 从a到z的任何小写字母,没有数字和其他字符。N 任何0到9的数字。X 从A到Z从0到9的任何字符。x 从a到z从0到9的任何字符。M 任何字符,...
  • 目标:详解表单input标签type属性常用的属性值 一、input标签和它的type属性PS:input 元素可以用来生成一个供用户输入数据的简单文本框。 在默认的情况下, 什么样的数据均可以输入。而通过不同的type属性值,可以...
  • 加上上传文件功能input type='file' - 依赖form表单里一个属性 enctype="multipart/form-data" 加上这个属性表示把你上次文件一点一点点上传还有form表单action指向提交的url后台,一定是用post请求提交 <!...
  • input 标签常见属性

    2019-11-08 21:39:08
    在 css 中 input 是非常常用的标签,input 标签用于接收用户输入,行内块元素。...input标签的type属性的一些常用可选值: text 普通文本 search 搜索框 password 密码 radio 单选按钮 checkbox 复选框...
  • HTML 18.3 表单元素input的输入属性type

    千次阅读 2016-11-05 02:33:42
    只有表单元素input才有输入属性。   一.文本:type=“text”  First name:    Last name:   结果:   注1:结果生成一个框: 注2:文本字段的默认宽度是 20 个字符。 注3:表单本身并不可见。在浏览器中看...
  • HTML <input> 标签的 type 属性

    千次阅读 2017-11-07 09:52:00
    HTML 标签的 type 属性 HTML 标签 实例 下面的表单拥有两个输入字段以及一个提交按钮: ... type="submit" value="Submit" /> ...type 属性规定 input 元素的类型。 语法 valu
  • input标签中常见的type属性介绍

    千次阅读 2020-05-27 23:38:14
    input标签中常用的type属性介绍 type="text"--->文本框 type="password"--->密码框 type="radio"--->单选框 type="checkbox"--->复选框 type="file"--->图片上传 type="hidden"--->隐藏控件...
  • 实例 下面的表单拥有两个输入字段以及一个提交按钮: <form action="form_action.asp" method="get"> <p>First name: <input type="text" name="fname" />...input type="text" na...
  • html input标签的type属性的使用

    千次阅读 2015-12-18 09:35:39
    type 浏览器中用于出入的控件(比方说type="text",这就是一个文本框;type="button",这就是一个按钮) type可选的值如下: button 按钮 checkbox 复选按钮组件 file 文件上传组件 hidden 隐藏域 image ...
  • input’标签常用属性type:指定input类型autocomplete:设置是否自动完成,其值:on/offautofocus:规定输入字段在页面加载时是否获得焦点,不适用于type= ‘hidden’checked:默认选择,对type‘checkbox’...
  • input标签 各属性解释

    万次阅读 多人点赞 2017-03-22 09:30:11
    input标签最全面的type属性   (2016-08-21 23:56:07) 转载▼ 标签:  type   属性   input   分类: HTML标签 由于时间关系,在上一节中只是简单的列举了input标签中的type属性,在本节中就...
  • @[TOC]input属性type="number"的兼容性问题 项目场景:h5的评分活动 最近做了一个h5的评分活动,需要兼容ios和安卓,为了优化用户体验,需要指定调起数字键盘。 问题描述:ios无法调起数字键盘 我大安卓一直没...
  • input type text标签属性中size是设置或获取控件的大小。width是设置或获取对象的计算宽度。
  • html5的input类型和所有属性详解

    万次阅读 2017-08-11 10:15:51
    一直以来只知道HTML5中的input标签type属性的属性值有很多,但具体并没有很清楚,这段时间做了个汇总,方便以后使用,也做个知识储备! 在重点介绍type之前,先总结一下input标签的属性: type:该属性是...
  • 注释:如果 type 属性设置 image,用户单击图像时,浏览器将以像素单位,将鼠标相对于图像边界的偏移量发送到服务器,其中包括从图像左边界开始的水平偏移量,以及从图像上边界开始的垂直偏移量。 ...
  • input标签用于搜集用户信息 根据不同的type属性值,输入字段拥有很多形式。 输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。 type属性: button:定义可点击的按钮 checkbox:定义复...
  • 你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ,生成一个.md文件或者.html文件进行本地保存。 导入 如果你想加载一篇你写过的.md文件或者.html文件,在上方工具栏可以选择导入功能进行对应扩展名的...
  • input输入框type参数

    千次阅读 2019-07-27 16:41:53
    今日闲来无事,把所有的输入框type属性都试了一遍。 一共呢,是有23个参数。 <form action=""> <input type="text" placeholder="1">//纯文本输入框 <input type="button" placeholder="2">//转换...
  • input对象的常用属性

    2019-05-31 16:54:48
    一个input标记,就是一个input对象 input对象的属性 name:表单元素的名称 value:表单元素的值,用户输入的内容,可以通过该属性获取 size:表单的长度 maxlength:表单元素的最大长度(最多可输入的字符数) ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 97,875
精华内容 39,150
关键字:

当input标记的type属性为