`

input 标签 中的size和width的区别

阅读更多


    [1]
    示例:
     <input type="text" value=""  style="width:200px"/>
     <input type="text"  value="" size="30"/>




    [2]size 和width的区别:

         对于 <input type="text"> 和 <input type="password">,size 属性定义的是可见的字符数。而对于其他类型,size 属性定义的是以像素为单位的输入字段宽度。
        css 的 width 属性设置元素的宽度。
        注:input标签没有width属性,因此 <input type="text" value=""  width="200px"/> 是没有效果的。
分享到:
评论

相关推荐

    css中使input输入框与img(图片)在同一行居中对齐

    将input和img放同一行,img标签总是比input高出一个头,难看。后来在网站搜到最多的就是给img添加一个align="absmiddle"属性,这个方法似乎的确可行,但是不符合HTML标准。后来发现同时给input和img添加vertical-...

    js如何实现点击标签文字,文字在文本框出现

    .c{ width:40px; height:25px; line-height:25px; text-align:left; margin:2px; float:left; font-size:12px; cursor:pointer }&lt;/style&gt; &lt;input id=i type=text &gt;市级,&lt;/div&gt;&lt;di

    HTML开发王

    5.7.1 分隔线宽度和高度(width属性、size属性) 5.7.2 分隔线对齐(align属性) 5.7.3 分隔线颜色(color属性) 5.7.4 分隔线阴影(noshade属性) 5.8 巩固与自测 第6章 建立列表 6.1 创建列表 6.1.1 有序列表(ol元素) ...

    可输入文字的div标签

    HTML标签中有几个标签是可以输入文字的? 很多人都会回答两个: input,textarea。 然而,并不只有两个,div,p还有其他很多标签其实都可以。 代码: /**css样式*/ .input{ width:200px; height:24px; line-...

    MEDIA发贴[自动播放 完美版插件 for Discuz!7.0.rar

    media标签调用的微软的wm播放器控件实现,这个播放器是允许在多媒体文件中内嵌网页的,这个网页内容可以由视频提供者自由修改,如果视频提供者在页面中加入木马等恶性代码,势必给浏览者带来损害。flash标签同样有这...

    html入门到放弃笔记

    2、_self : 在自身标签页中打开新网页(默认值) Demo 1、创建一个超链接,内容为 :学子商城,点击时,在自身标签页中 打开 http://www.codeboy.com 2、创建一个超链接,内容为 :学子商城的LOGO,点击时,在新...

    动易博客日历插件(20081212)

    4.2.2.1 在页面内容模板中适当位置添加 {$MY_日期搜索({$pageinput(0)})} 标签来显示搜索到的博文结果 4.2.2.2 在页面内容模板中显示本日历的地方插入以下代码: &lt;Div id="BlogCalendar" align="center"&gt;...

    HTML 网页设计

    css标签,网页模板/* Author: W3layout Author URL: http://w3layouts.com License: Creative Commons Attribution 3.0 Unported License URL: http://creativecommons.org/licenses/by/3.0/ */ /* reset */ html,...

    从入门到精通HTML5——PDF——网盘链接

    标签的区别 176  8.5 应用div制作下拉菜单导航条 176  8.6 小结 179  8.7 习题 179  第9章 编辑表单 181  教学录像:26分钟  9.1 使用表单标签——form 182  9.1.1 处理动作——action 182  9.1.2 表单...

    大名鼎鼎SWFUpload- Flash+JS 上传

    它结合了FLASH和JavaScript的功能,以提供一种超越了传统的浏览器中&lt;input type="file" /&gt;标签提供的文件上传功能。 SWFUpload提供的主要功能: 在文件选择对话框中能够进行文件多选 页面无刷新的上传 提供...

    ember-select-component:用于 ember 的 select2 组件

    安装: 该组件需要 select2 和 ember,因此浏览器中必须包含这些文件。 包括 select2 样式表。 包括 dist/ember-select-component.js 包括 dist/ember-select-component.css (仅当您想要覆盖样式时)用法: {{...

    flash标签云 3D效果 PHP插件 by weefselkweekje

    服务器端利用 PHP插件 生成标签云数据,页面用 flash 3D效果展示标签,效果很爽的,放在自己博客格外吸引眼球。 查看效果: http://www.roytanck.com/about-my-themes/donations/ 下面是详细: -------------------...

    Javashop开发规范V2.2

    在实合格bean和数据库对照过程中,数据库机制需要识别主键,所以需要我们在主键的对应属性的Geter方法中加上@PrimaryKeyFiled注解,如: private Integer brand_id @PrimaryKeyField public Integer getBrand_id() ...

    tinyeditor gbk 汉化版

    2,在网页文件中添加编辑器所需要的标签,其实就是个textarea,如下 &lt;textarea id="input" height:200px"&gt;&lt;/textarea&gt; 注意textarea中定义的长宽也就是编辑器的大小。 3,通过脚本初始化编辑器,并...

    js使用小技巧

    " 和 "?"也编码 表格行指示 //各种尺寸 s += " 网页可见区域宽:"+ document.body.clientWidth; s += " 网页可见区域高:"+ document.body.clientHeight; s += " 网页可见区域高:"+ document.body....

    jQuery详细教程

    jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。 选择器允许您对 HTML 元素组或单个元素进行操作。 在 HTML DOM 术语中: 选择器允许您对 DOM 元素组或单个 DOM 节点进行操作。...

    出现问题a is defined高手帮忙

    G.outlineDiv.style.width = rect.width + "px"; G.outlineDiv.style.height = rect.height + "px"; G.cornerTopDiv.style.height = ((G.startY + addY) - (G.startY - G.mapHeight)) + 'px'; G.cornerLeftDiv....

    cutEditor -最好用的在线编辑器

    Cute Editor allows developers to set the image directory, set the controls width, disable image uploading and deleting, restrict access to the source/preview tabs, hide buttons and lists that you don'...

    给z-blog博客添加插入运行html代码框的小插件 for z-blog

    可以在风格CSS中加入定义代码如下面代码(可加可不加):input, textarea { background: #fefefe; border: 1px solid #ccc;}div.post .post-textarea{ background-color: #E7E5DC; width: 700px; height:150px;...

Global site tag (gtag.js) - Google Analytics