在很多网站涉及到表单的页面中，都存在这种表单元素与提示文字无法对齐的问题。于是打算研究一下这个问题。最近的项目涉及到很多表单的制作，特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现，单(复)选框和它们后面的提示文字在不进行任何设置的情况下，是无法对齐的，而且在Firefox和IE中相差甚大。即使设置了vertical-align:middle，也依然不能完美对齐。如下图所示：于是上网查看了一些网站，发现这个问题是普...
代码如下: input{border:1px solid #000;}.clear{clear:both;}.ehdel_upload_show input{float:left; margin-top:10px;}.ehdel_upload{float:left;margin-top:-20px; *margin-top:-40px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
像type="radio" and type="checkbox"的对齐问题，测试浏览器：ie7+/firefox8.0 原理：将font-family中的第一个字体设置Verdana字体 测试代码如下： 代码如下: 表单元素input、文字完美垂直居中对齐方法-脚本之家webjx.com body {font:12px/24px verdana;} ul {list-style:none;} input,label { vertical-align:middle;} 为受益人的合同 为受益人的合同 Microsoft Microsoft
有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使 的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。 方法1: onfocus=this.blur() 当鼠标放不上就离开焦点 方法2:readonly 方法3: disabled 完整的例子: disabled="true" 此果文字会变成灰色，不可编辑。 readOnly="true" 文字不会变色，也是不可编辑的css屏蔽输入： 有两种方法第一：disabled="disabled"这样定义之后被禁用的 input 元...
Form提供了两种数据传输的方式——get和post。虽然它们都是数据的提交方式，但是在实际传输时确有很大的不同，并且可能会对数据产生严重的影响。虽然为了方便的得到变量值，Web容器已经屏蔽了二者的一些差异，但是了解二者的差异在以后的编程也会很有帮助的。 Form中的get和post方法，在数据传输过程中分别对应了HTTP协议中的GET和POST方法。二者主要区别如下： 1、Get是用来从服务器上获得数据，而Post是用来向服务器上...
最普通最常用最一般的方法就是用submit type..看代码： 代码如下: 另外，还有一种常用的方法是使用图片： 代码如下: 第三种是使用链接来提交表单，用到了javascript的DOM模型： 代码如下: 这种方法实际上是调用了一个javascript函数，使用javacript函数来提交表单，方法就非常多非常灵活了，比如可以把它加入到任意一个标签的onclick事件中： 代码如下: 但是，如果一个表单里有需要有多个提交按钮怎么办呢？ 比如一个表单里的提...
1）适应范围： readonly：input[type="text"],input[type="password"],input[type="teaxtarea"] disabled：所有的表单元素，如select, radio, checkbox, button等 2）操作： readonly：不允许用户修改操作，不影响其它的任何操作 disabled：阻止用户一切操作，包括用户点击事件，获取焦点事件 3）表单提交： readonly：表单元素的值可以提交到服务器。 disabled：表单元素的值不会提交到服务器，即就是服务器获取不到此表单元素中的...
Enctype ：指定将数据回发到服务器时浏览器使用的编码类型。用于表单里有图片上传。 编码类型有以下三种： application/x-www-form-urlencoded： 在发送前编码所有字符（默认）。这是标准的编码格式。 multipart/form-data： 不对字符编码，在使用包含文件上传控件的表单时，必须使用该值。 text/plain： 窗体数据以纯文本形式进行编码，其中不含任何控件或格式字符。 例子： 代码如下: 表单中enctype="multipart/form-data"的意思...
代码如下: form表单的使用 标签名称：form 表单标签 属性：action:提交的去向,目标地址的url method:设置提交请求的方式，get和post；默认为get get和post提交有什么区别？------------------------ get传输：将内容信息放在地址栏传输，而且长度限制在1k,而且安全性不好。 post传输：将内容房子body信息中传输。没有长度限制。 子标签： input标签：需要提交其中的value，必须有一个name属性。 属性：type：password 等 //---...
google.html界面如图 代码如图：（比较简单，就是一个input输入框和input提交按钮，注意type为submit，而不是button） 代码如下: Winbobo google.php的代码如图：（$_GET用于获取表单通过get方式传递的数据; $_POST用于获取表单通过post方式传递的数据） 代码如下: print ""; print_r($_GET); print ""; ?> 运行结果如图：
实现"回车!=提交"的问题，一般可以从"按钮的type类型" 和 "输入框个数"两处着手。 默认情况下，单个输入框，无论按钮的type="submit"还是type="button"类型，回车即提交。 1.当type="submit"时，无论有几个type="text"输入框，回车均表示提交。（submit） 2.当type="button"时，且存在多个输入框，回车不提交。（button） 3.解决单个输入框的回车即提交问题，参考第二点：可以增加一个input="text"，隐藏; 然后type类型为button。 ...
因为想自己写一个web,所以也在学习html语言的一些东西,让我回想起了大学时代曾对网页设计产生过兴趣,无奈那时候还没有自己的电脑,还常去网吧买个软盘下载一些图片,然后用fontpage做一些网页.后来买了电脑,则一直被"传奇"迷的一塌糊涂,也把网页设计给抛到脑后了.... 由于是在ubuntu下面工作,而linux底下的所见即所得的网页设计真是少的可怜.最后选择了bluefish. 想做一个添加设备的表单,结果因为前缀大小不一样,所以很难看.如图： 代...
在网页的制作过程中，我们会经常使用到表单。但是有时候我们会希望表单上的控件是不可修改的，比如在修改密码的网页中，显示用户名的文本框就应该是不可修改状态的。 在html中有两种禁用的方法，他们分别是： 1.给控件标签加上readonly='readonly'属性 2.给控件标签加上disabled='disabled'属性 举例: 代码如下: 举例中的两个控件都是不可修改的。但是他们也有一些区别！ 从字面意思我们可以知道，试用readonly属性的控件是"只读"的...
不知道大家在网页制作的时候有没有发现，在插入表单form后，往往在form的上下都会空出一行，这样一来网页的排版就很难看了，所以今天就教大家解决插入表单form出现空行的方法。 其实表单form上下出现的空行并不是真正的空行，而是表单form自带了一个默认的margin值，只是这个值并且不等于0，所以我们只需要用css控制form的margin=0就可以解决这一问题了，CSS代码如下： 代码如下:form{margin: 0px;}
1 method是指定数据如何发送到服务器的一个属性 2 只可能是post和get post:官方解释是把数据通过post会话传送到服务器。实际就是提交数据。 get:将表单中数据的按照variable=value的形式，添加到action所指向的URL后面，并且两者使用“?”连接，而各个变量之间使用“&”连接；一般用来从服务器得到数据。 3,默认是get，所以一般我们都要指定为post 举个例子： 比如说有2个页面，a.htm和b.asp，你想将a.htm页面...