定义和用法<input> 标签用于搜集用户信息。根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。HTML 与 XHTML 之间的差异在 HTML 中，<input> 标签没有结束标签。在 XHTML 中，<input> 标签必须被正确地关闭。实例一个简单的 HTML 表单，包含两个文本输入框和一个提交按钮：XML/HTML Code复制内容到剪贴板<form action="form_action.asp" method="get"> ...
将input和img放同一行，img标签总是比input高出一个头，非常难看。之前试过好多方法，都不行。后来在网站搜到最多的就是给img添加一个align="absmiddle"属性，这个方法似乎的确可行，但是不符合HTML标准。后来无意中发现同时给input和img添加vertical-align:middle就行： 代码如下:input,img{vertical-align:middle;}这样代码就会规规矩矩地水平对齐了。
第一: 代码如下: <input type="text" onkeydown="this.onkeyup();" onkeyup="this.size=(this.value.length>4?this.value.length:4);" size="4"> 其中 size="4"就是定义初始的大小,如果这里没有定义,那就把this.size=(this.value.length>4?this.value.length:4);里面的4改成20,<input type="text">的默认size就是20 第二: 如果你在style里定义了width属性,又要让它的width根据内容来变化,两个要求不就矛盾了吗.所以这里不能在style...
做网站很久了，但到现在还没有搞明白input中name和id的区别，最近学习jquery，又遇到这个问题，就在网上搜集资料。看到这篇，就整理出来，以备后用。 可以说几乎每个做过Web开发的人都问过，到底元素的ID和Name有什么区别阿？为什么有了ID还要有Name呢?! 而同样我们也可以得到最classical的答案：ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复的。 上周我也遇到了ID和Name的问题，在页面里...
今天设计一个发表动态的窗口样式，发现当鼠标点击input时浏览器自动加上的样式和网站整体风格很不一致，虽然浏览器这种智能功能很先进但是有时候不免会影响设计整体的一致性。 然后就想着不用input作为输入框是不是可以，换成了 代码如下: <div class="content" contenteditable="true"></div> 以为可以避免浏览器的“智能”功能，没想到浏览器太智能了，效果是一摸一样的，我只能去找度娘了，后来发现是我的css还是储备不够啊可怜...
可以使用trigger方式，javascript中没有原生的trigger函数，可以自己写一个，也可以直接使用jquery的实现：代码如下: var button1 = document.getElementById("button1"); var button2 = document.getElementById("button2"); button1.onclick = function(){alert("button1");trigger(button2,"onclick");} button2.onclick = function(){alert("button2");} function trigger(ele,event) {ele[event...
最近做项目用到input的size和maxlength属性，以前只顾用没有用心去看看这2个标签的区别，今天周末baidu了一下，有所理解。特记录于此！ 代码如下: <p>Name: <input type="text" name="fullname" maxlength="5" /></p> <p>Name2: <input type="text" name="fullname" size="5" /></p> maxlength="5",则input输入框中只能够输入5个字符<br/> size="5"，表示input输入框只显示5个可见的字符，但你可以输入无数多字符内容 即：size属性...
这里如果有<input type="image"> 那么直接按这个图像后会提交表单， 如果有OnSubmit会先执行这个函数，如果返回false则不提交表单！ 代码如下: <span style="font-size:14px;"><script language=javascript> function test() { alert("测试!") } </script> <form name="F1" onSubmit="fuck();"> <input type="image" src="" width="51" height="20"> </form></span> 另外一个示例： 代码如下: <html> </head> <script language="ja...
html 代码如下: <SPAN class=tag><<SPAN class=title>div</SPAN>></SPAN> <SPAN class=tag><<SPAN class=title>a</SPAN> <SPAN class=attribute>href</SPAN>=<SPAN class=value>"###"</SPAN>></SPAN>添加图片<SPAN class=tag></<SPAN class=title>a</SPAN>></SPAN> <SPAN class=tag><<SPAN class=title>input</SPAN> <SPAN class=attribute>type</SPAN>=<SPAN class=value>"file"</SPAN> <SPAN class=attribute>name</SPAN>=<SPAN ...
这两天在做百姓网的笔试题的时候遇到了这样一个问题，用 HTML5 的新特性实现百姓网现有的一个模块，在百姓网中逛了一阵后最终选定了发布信息所用的表单模块，原因很简单，在 HTML5 中针对表单有很多新特性可以使用，这些新特性也很有实用性，毕竟有表单的地方实在是太多了，比如注册啦，登录啦，发帖啦......（喂，有点跑题了亲。） 这个时候，我看到原始网页中的表单里有这么个元素 我的第一反应就是，哈，input元素而已，用CSS定...
在网页制作中，常将 input 和 img 放在同一行，img标签总是比input高出一个头，非常难看。 CCS实现input和img水平对齐的方法 同时给input和img添加vertical-align:middle就行了，代码如下： 代码如下:input,img {vertical-align:middle;}
三个功能： 1、内容自动垂直居中 2、默认提示文字显示灰色 3、单击后变为空 代码如下: <input type="text" name="wd1" id="qy_1" maxlength="100" style="color:gray;width:199px;height:30px;line-height:30px;" autocomplete="off" value="请输入企业名称" style="color:gray;" onfocus="javascript:if(this.value == 请输入企业名称) this.value = ; this.style.color=gray;" onblur="if(this.value == ) {this.value = 请输入企...
今天碰到一个很奇怪的问题，看看如下代码： SimpleDateFormat dateFormat = new SimpleDa 代码如下:teFormat("yyyy年MM月dd日 E "); String date = dateFormat.format(new Date()); 本意是想要打印出来XXXX年XX月XX日 星期X 问题出在如下代码，当我想要取得格式化之后的数据时，在value=方法取值时，只能取到“XXXX年XX月XX日”，后面的“星期X”一直取不到 代码如下: <td align="left"> <label> <input type="text" value=<%=date...
常用限制input的方法 1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true 代码如下: <input type="submit" value="提交" hidefocus="true" /> 2.只读文本框内容,在input里添加属性值 readonly 代码如下: <input type="text" readonly /> 3.防止退后清空的TEXT文档(可把style内容做做为类引用) 代码如下: <input type="text" style="behavior:url(#default#savehistory);" /> 4.ENTER键可以让光标移到下一...
今天想总结几个很有用的html标签，开发中经常用到，不熟悉的人可能还真不太清楚，分别是： 代码如下: readonly、disabled、autocomplete readonly表示此域的值不可修改，仅可与 type="text" 配合使用，可复制，可选择,可以接收焦点，后台会接收到传值. 代码如下: <input type="text" name="www.xxx" readonly="readonly" /> disabled表示禁用input元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值 代码如下...