【详解Bootstrap表单组件_html/css_WEB-ITnose】教程文章相关的互联网学习教程文章

Form表单中method=post/get两种数据传输的方式的区别

Form提供了两种数据传输的方式——get和post。虽然它们都是数据的提交方式,但是在实际传输时确有很大的不同,并且可能会对数据产生严重的影响。虽然为了方便的得到变量值,Web容器已经屏蔽了二者的一些差异,但是了解二者的差异在以后的编程也会很有帮助的。 Form中的get和post方法,在数据传输过程中分别对应了HTTP协议中的GET和POST方法。二者主要区别如下: 1、Get是用来从服务器上获得数据,而Post是用来向服务器上...

HTML中让表单input等文本框为只读不可编辑的方法

有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使<input type="text" name="input1" value="中国"> 的内容,"中国"两个字不可以修改。实现的方式归纳一下,有如下几种。 方法1: onfocus=this.blur() 当鼠标放不上就离开焦点<input type="text" name="input1" value="中国" onfocus=this.blur()> 方法2:readonly <input type="text" name="input1" value="中国" readonly> <input type="text" name="input1...

表单checkbox和radio文字对齐的代码

像type="radio" and type="checkbox"的对齐问题,测试浏览器:ie7+/firefox8.0 原理:将font-family中的第一个字体设置Verdana字体 测试代码如下: 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>表...

html表单上传文件的“浏览”按钮修改方法

代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="generator" content="PSPad editor, www.pspad.com"> <title></title> </head> <body> <style>input{border:1px solid #000;}.clear{clear:both;}.ehdel_upload_show input{float:left; margin-top:10px;}.ehdel_upload{float:left;margin-top:...

40多个漂亮的网页表单设计实例【图】

网页表单是访问者与网站拥有者主要的沟通途径。返馈总是重要的,这就是我们为什么确保网页表单容易理解和使用起来比较直观的原因,尽管如此,甚至在形式设计中它也担当创意中的有效部分。 网页表单并非都是乏味的,使用css或flash,你能确保它们具有吸引力且有效。要注意,你需要提出一些独特且有趣东西-表单的符号、图标、颜色、位置或者尺寸是被经常用来获得有趣设计解决方案。我们已经寻找了一些例子,并且已经找到了他们。有创意...

网页表单元素Input的高级用法11例

1. 取消按钮按下时的虚线框 在input里添加属性值 hideFocus 或者 HideFocus=true 2. 只读文本框内容 在input里添加属性值 readonly 3. 防止退后清空的TEXT文档(可把style内容做做为类引用) <INPUT style=behavior:url(#default#savehistory); type=text id=oPersistInput> 4. ENTER键可以让光标移到下一个输入框 <input onkeydown="if(event.keyCode==13) event.keyCode=9" > 5. 只能为中文(有闪动) <input onkeyup="value=value.r...

有效网页表单的八条规则【图】

如果你正从你的用户那里收集信息, 没有比网页表单更简单和直接的办法了。 一份有良好设计的表单可以提供有价值的信息, 相反, 他们有可能把用户吓跑。 明确了这一点之后, 每个设计师就应该知道一些设计网页表单的规则。 文章中所有的实例都是用CoffeeCup Web Form Builder生成的.1. 保守性的搭建, 并带有目的性的设计表单 我们要面对的现实是没有人喜欢花大把的时间填写表单. 保持表单的短小精悍 并且剔除绝对不必要的或者不会提供...

网页设计之5种简单的XHTML网页表单

网页设计之5中简单的XHTML网页表单。技术1:标签三明治将输入框,选择框和文本框全部包含进 label 元素,并全部设置为块级元素。将单选按钮和多选框显示方式设置为 inline 以便于它们在同一行出现。如果你比较喜欢 label 和单选按钮/多选框出现在不同行,可以选择不把它包含在 label 里面,或者使用硬换行处理。每种情况都在下面展示了。当这些看起来比较时髦的时候,W3C 事实上已经含蓄地展示了他们的 label 例子。主要好处:简单...

网页设计关于表单输入框的技巧代码

本文列举了一些关于网页设计关于表单输入框的技巧代码。  1.取消按钮按下时的虚线框  在input里添加属性值hideFocus或者HideFocus=true  2.只读文本框内容在input里添加属性值readonly  3.防止退后清空的TEXT文档(可把style内容做做为类引用)<INPUTstyle=behavior:url(#default#savehistory);type=textid=oPersistInput>  4.ENTER键可以让光标移到下一个输入框<inputonkeydown="if(event.keyCode==13)event.keyCode=9"> ...

HTML表单标记教程(4):

假设现在要在表单中添加这样一项内容:浏览所在的城市。这里不说全国的城市,只说省会以上的城市就有几十个。如果以上面讲过的单选按钮的形式,将这些城市全部罗列在网页上,将是一件不堪设想的事情。于是在表单的对象中出现了菜单和列表。说到底,菜单和列表主要是为了节省网页的空间而产生的。菜单是一种最节省空间的方式,正常状态下只能看到一个选项,单击按钮打开菜单后才能看到全部的选项。列表可以显示一定数量的选项,如果...

HTML表单标记教程(5):文字域标记

这个标记用来制作多行的文字域,可以在其中输入更多的文本。基本语法<textarea name="name" rows=value cols=value value="value"> </textarea> 语法解释这些属性的含义如下表所示文字域标记属值描述name 文字域的名称rows文字域的行数cols文字域的列数value文字域的默认值文件范例:11-17.htm在页面中插入文字域。01 <!-- ------------------------------ -->02 <!-- 文件范例:11-17.htm -->03 <!-- 文件说明:插入文字域 -->04 <...

HTML表单标记教程(2):

本教程介绍FORM表单标记的各种属性在网页设计中的应用.<FORM>标记的NAME属性基本语法01 <Form name="Form_name"> 02 …… 03 </Form> 语法解释通过为表单命名可以控制表单与后台程序之间的关系。文件范例:11-1.htm在页面中插入表单。01 <!-- ------------------------------ -->02 <!-- 文件范例:11-1.htm -->03 <!-- 文件说明:插入表单 -->04 <!-- ------------------------------ -->05 <html>06 <head>07 <title>插入表单</...

HTML表单标记教程(3):输入标记

HTML表单标记教程,这节主要讲解如何在网页中使用INPUT标记,主要介绍INPUT标记的属性的使用.输入标记<input>是表单中最常用的标记之一。常用的文本域、按钮等都使用这个标记。基本语法01 <Form> 02 <input name="field_name" type="type_name"> 03 </Form> 语法解释<input>标记的属性如下表所示属性描述name 域的名称type 域的类型在type属性中,包含以下属性值type属性值描述text 文字域password 密码域file 文件域checkbox 复选...

网页表单设计实例技巧五则

1、表单文本输入的移动选择:在文本输入栏中,如果加入了提示,来访者往往要用鼠标选取后删除,再输入有用的信息。其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 <textarea> 中,一切就会变得简单多了,如:以下为引用的内容:<textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="this.focus()" onFocus="this.select()">请填入你的姓名</textarea>类似的,可以加入代码到<input>。2、表...

HTML标记语言——表单【图】

点击这里返回脚本之家 HTML教程 栏目.上文:标记语言——引用原文出处chapter 5 表单互动性一直是互联网的重点,让使用者与网站能够交换信息,彼此沟通.表单使我们能够有组织的,使用同一方式的从使用者那里收集资料,因此在设计网站时总是属于"任何状况都能拿来用"的那一类,举例来说,我们发现大概有10000种标记表单的不同方式.好吧,或许没有那么多,但是我们仍能思考几种状况,让使用者易于使用表单结构,同时也便于让网站所有者进行管...