表单是用户提交信息的重要渠道。本节就将介绍表单的基础知识。表单标签 姓名: 2.密码框密码: 可以看到，这两个表单元素都用到了标签，但是密码框里填写的内容却是不可见的。决定了他们类型不同的是标签的属性“type”的属性值。例如text就是文本框，而password则是密码。你应该注意到了，标签也是一个空标签。他没有终止标签。我们一定要记得在后面加上一个"/"以符合XHTML的要求。常用的表单元素还有很多，比如单选和复...
今天看到一篇有关input事件的博文，一时兴起便整理下相关的资料。 事件：function changeVal(value){ console.log($(value).val())}onchange：onchange事件是在前后内容改变，并且失去焦点之后才会触发。oninput：oninput事件则会在value改变时就触发。还有一个onpropertychange事件，效果与oninput相似，但是IE专用！而且测试的时候并没有生效，一脸懵逼中。。。补充： oninput与onpropertychange失效的情况： oninput事件：（...
《Patterns for Sign Up &Ramp Up》很早就读完了，之所以今天才写读后感，细细读完了发现，它更为接近吸引注册、提升活跃度的社区构建引导，是一份社区活跃会员度研究的好资料。既然答应写读后感，就从我的视角来说一点与注册有关的东西，先把整篇资料的骨架分解一下，然后再结合其中观点谈目前的感受。注册其实是个有点枯燥的任务，《Patterns for Sign Up &Ramp Up》里提到的观点是：Give the user good reasons to join乍看起来...
表单是实现动态网页的一种主要的外在形式。表单和表单域并不具有排版的能力，表单网页的制作最终还是要由表格组织起来。html表单是html页面与浏览器端实现交互的重要手段。利用表单可以收集客户端提交的有关信息。在浏览网站时经常会遇到表单，它是网站实现互动功能的重要组成部分。无论网站使用的是那种形式的语言来实现网站的互动功能，例如ASP、PHP、JSP，表单已经成为它们统一的外在形式。表单的主要功能是收集信息，具体说是收...
一、问题描述当用JS调用form的方法submit直接提交form的时候，submit事件不响应。为什么？知道的请回复。类比一下，我用input.select()做了测试，却能响应select事件。这个原因先放一边，我们看看先怎么把眼下的问题解决了。不响应事件的代码示例：var form = document.getElementById('form1');form.onsubmit = function() {alert(1);};form.submit();实际运行，不会有alert出来。虽然用submit方法来提交表单有违Unobtrustive Jav...
带有图片预览功能的上传表单，完整的HTML代码如下所示 带有图片预览功能的上传表单jb51.net function viewmypic(mypic,imgfile) { if (imgfile.value){ mypic.src=imgfile.value; mypic.style.display=""; mypic.border=1; } } html代码教程/参考手册 html代码热搜 iframe框架在IE浏览器下将白色背景设为透明色AdobeBrackets简单使用图文教程如何去除表单的回车即提交即回车!=提交Readonly和Disabled之...
本教程介绍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>插...
1、表单文本输入的移动选择：在文本输入栏中，如果加入了提示，来访者往往要用鼠标选取后删除，再输入有用的信息。其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 中，一切就会变得简单多了，如：以下为引用的内容：请填入你的姓名类似的，可以加入代码到。2、表单输入单元点击删除：本列同上则作用类似，只是使用鼠标上略有变化，需要点击而不像上则的只要鼠标覆盖。如：以下为引用的内容： 点击输入单...
这个标记用来制作多行的文字域，可以在其中输入更多的文本。基本语法 语法解释这些属性的含义如下表所示文字域标记属值描述name 文字域的名称rows文字域的行数cols文字域的列数value文字域的默认值文件范例:11-17.htm在页面中插入文字域。01 02 03 04 05 06 07 插入文字域08 09 10 用户调查11 17 18 文件说明第13行定义了文字域的行数为5，列数为40个字符。
HTML表单标记教程,这节主要讲解如何在网页中使用INPUT标记,主要介绍INPUT标记的属性的使用.输入标记是表单中最常用的标记之一。常用的文本域、按钮等都使用这个标记。基本语法01语法解释标记的属性如下表所示name 域的名称type 域的类型 在type属性中，包含以下属性值text 文字域password 密码域file 文件域checkbox 复选框radio 单选框button 普通按钮submit 提交按钮reset 重置按钮hidden 隐藏域image 图像域(图像按钮)
假设现在要在表单中添加这样一项内容：浏览所在的城市。这里不说全国的城市，只说省会以上的城市就有几十个。如果以上面讲过的单选按钮的形式，将这些城市全部罗列在网页上，将是一件不堪设想的事情。于是在表单的对象中出现了菜单和列表。说到底，菜单和列表主要是为了节省网页的空间而产生的。菜单是一种最节省空间的方式，正常状态下只能看到一个选项，单击按钮打开菜单后才能看到全部的选项。列表可以显示一定数量的选项，如果...
网页设计之5中简单的XHTML网页表单。技术1：标签三明治将输入框，选择框和文本框全部包含进 label 元素，并全部设置为块级元素。将单选按钮和多选框显示方式设置为 inline 以便于它们在同一行出现。如果你比较喜欢 label网页设计之5中简单的XHTML网页表单。技术1：标签三明治将输入框，选择框和文本框全部包含进 label 元素，并全部设置为块级元素。将单选按钮和多选框显示方式设置为 inline 以便于它们在同一行出现。如果你比较喜...
如果你正从你的用户那里收集信息, 没有比网页表单更简单和直接的办法了。 一份有良好设计的表单可以提供有价值的信息, 相反, 他们有可能把用户吓跑。 明确了这一点之后, 每个设计师就应该知道一些设计网页表单的规则。 文章中所有的实例都是用CoffeeCup Web Form Builder生成的.1. 保守性的搭建, 并带有目的性的设计表单我们要面对的现实是没有人喜欢花大把的时间填写表单. 保持表单的短小精悍 并且剔除绝对不必要的或者不会提供实...
1. 取消按钮按下时的虚线框 在input里添加属性值 hideFocus 或者 HideFocus=true 2. 只读文本框内容 在input里添加属性值 readonly 3. 防止退后清空的TEXT文档(可把style内容做做为类引用) 4. ENTER键可以让光标移到下一个输入框 5. 只能为中文(有闪动) 6. 只能为数字(有闪动) 7. 只能为数字(无闪动) 57)) event.returnValue=false" /> 8. 只能输入英文和数字(有闪动) 9. 屏蔽输入法 10. 只能输入 数字，小数点，减号（-） 字...
下面我们介绍40多个漂亮的网页表单例子以及现代的解决方案和与网页表单设计有关的创造性思维.其中有一些是flash的；尽管如此，在大多数情况下，你能很容易的使用简单的css和(x)html来创建相同的设计.网页表单是访问者与网站拥有者主要的沟通途径。返馈总是重要的，这就是我们为什么确保网页表单容易理解和使用起来比较直观的原因，尽管如此，甚至在形式设计中它也担当创意中的有效部分。网页表单并非都是乏味的，使用css或flash,你...