第三章表单与表单元素

jQuery对表单元素的取值和赋值操作

转:jQuery对表单元素的取值和赋值操作 jquery 2009-10-14 10:40:19 阅读339 评论0字号：大中小订阅 jQuery读取input元素的值：使用常规的思路：$(”#keyword”).value 取值是取不到的，因为此时$(’#keydord’)已经不是个element，而是个jquery对象，所以应该使用：$(”#keyword”).val() 。 jQuery中val()函数的作用： val() 获得第一个匹配元素的当前值。 attr('value') 获取空间的value属性值在jQuery 1.2 中,可以返回任意元素的值。包括select。如果多选，将返回一个数组，其包含所选的值。返回值 String,Array 同理，对input元素赋值，需要： $(”#keyword”)[0].value = '';

jquery获取元素值（转） jQuery 2009-10-10 10:25:24 阅读147 评论0 字号：大中小订阅 jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关获取一组radio被选中项的值 var item = $('input[name=items][checked]').val(); 获取select被选中项的文本 var item = $("select[name=items] option[selected]").text(); select下拉框的第二个元素为当前选中值 $('#select_id')[0].selectedIndex = 1; radio单选组的第二个元素为当前选中值 $('input[@name=items]').get(1).checked = true; 获取值：文本框，文本区域：$("#txt").attr("value")；多选框checkbox：$("#checkbox_id").attr("value")；单选组radio：$("input[@type=radio][@checked]").val(); 下拉框select：$('#sel').val(); 控制表单元素：文本框，文本区域：$("#txt").attr("value",'');//清空内容 $("#txt").attr("value",'11');//填充内容多选框checkbox：$("#chk1").attr("checked",'');//不打勾 $("#chk2").attr("checked",true);//打勾 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾单选组radio：$("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项下拉框select：$("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项$("").appendTo("#sel")//添加下拉框的option $("#sel").empty()；//清空下拉框

HTML网页设计(表单元素)

HTML网页设计（表单元素） 1.什么是表单表单(form)是由一个或多个文本输入框、可单击的按钮、多选框、下拉菜单和图像按钮等组成，所有这些都放在

结束标签之间。

2.表单元素在

标签中，可以包含以下5个标签。 Input标签对于大量通常的表单内元素，可以使用标签来进行定义，其中包括文本字段、多选列表、可单击的图像和提交按钮等。虽然标签中有许多属性，但对每个元素来说，只有type和name属性是必须的。当然，根据指定的比哦啊单元素类型，也可以设置一些其

可以使用标签中的name属性来为字段命名（表单提交到处理过程中使用的字段，这种字段的说明可以参阅前面介绍）。从技术角度上讲，name属性的值是任意的一个字符串，但是我们建议最好采用没有嵌入空格或标点的字符串。标签中必须的type属性可以用来选择控件的类型，其属性值如下表所示。最有用也是最常见的表单输入元素时文字域，在浏览器窗口中显示为一行的空框，它接收用输入的一行信息，当你用户将表单提交给服务器时，这些信息就变成了元素值。范例代码：

密码域将type属性值设置为password，就可以创建一个密码域。传统文本域的其他属性和语义也可以应用于密码域。应用呢密码域时必须制定一个字段的名称，这样就可以为该段字段设置size和maxlength属性，并可以设置一个初见时的vlaue。范例代码：文件域（file）复选框（checked）单选框（ridio）普通按钮（button）设置普通按钮（button）代码：重置按钮（Reset） Textarea标签作为表单的一部分，标签可在用户浏览器中创建一个多行文字域，在此文本输入区内，用户几乎可以输入无线文字。提交表单之后后，浏览器将所有行中的文字都收集起来，行间距用回车/换行符分隔，并将它们作为表单元素的值发送给服务器，这个值需要使用</p><h2>HTML习题含答案</h2><p>一、选择 1.在一个框架的属性面板中，不能设置下面哪一项。（） A．源文件; B．边框颜色; C．边框宽度D．滚动条 2. 下列哪一项表示的不是按钮。（） A．type="submit" B．type="reset" C．type="image" D．type="button" 3.下面哪一个属性不是文本的标签属性？（） A．nbsp; B．align C．color D．face 4.下面哪一项的电子邮件链接是正确的？（） A．xxx.com.cn B．xxx@.net C．xxx@com D．xxx@xxx.com 5.当链接指向下列哪一种文件时，不打开该文件，而是提供给浏览器下载。（） A．ASP B．HTML C．ZIP D．CGI 6.关于表格的描述正确的一项是。（）</p><p>A．在单元格内不能继续插入整个表格 B．可以同时选定不相邻的单元格 C．粘贴表格时，不粘贴表格的内容 D．在网页中，水平方向可以并排多个独立的表格 7.如果一个表格包括有1行4列，表格的总宽度为“699”，间距为“5”，填充为“0”，边框为“3”，每列的宽度相同，那么应将单元格定制为多少像素宽。（） A．126 B．136 C．147 D．167 8.关于文本对齐，源代码设置不正确的一项是：（） A．居中对齐：<div align="middle">…</div> B．居右对齐：<div align="right">…</div> C．居左对齐：<div align="left">…</div></p><p>D．两端对齐：<div align="justify">…</div> 9.下面哪一项是换行符标签？（） A．<body> B．<font> C．<br> D． 10.下列哪一项是在新窗口中打开网页文档。（） A．_self B．_blank C．_top D．_parent 11.下面对JPEG格式描述不正确的一项是。（） A．照片、油画和一些细腻、讲求色彩浓淡的图片常采用JPEG格式 B．JPEG支持很高的压缩率，因此其图像的下载速度非常快 C．最高只能以256色显示的用户可能无法观看JPEG图像 D．采用JPEG格式对图片进行压缩后，还能再打开图片，然后对它重新整饰、编辑、压缩12.在一个框架组的属性面板中，不能设置下面哪一项。（）</p><h2>HTML5表单元素{上}</h2><p>HTML5表单元素[上] 学习要点： 1.表单元素总汇 2.表单元素解析本章主要探讨HTML5中表单元素，表单元素用于获取用户的输入数据。一．表单元素总汇在HTML5 的表单中，提供了各种可供用户输入的表单控件。元素名称说明 form 表示HTML表单 input 表示用来收集用户输入数据的控件 textarea 表示可以输入多行文本的控件 select 表示用来提供一组固定的选项 option 表示提供提供一个选项 optgroup 表示一组相关的option元素 button 表示可用来提交或重置的表单按钮（或一般按钮） datalist 定义一组提供给用户的建议值 fieldset 表示一组表单元素 legend 表示fieldset元素的说明性标签 label 表示表单元素的说明标签 output 表示计算结果二．表单元素解析 1.<form>定义表单 <form method="post" action="http://www.haosou.com/"> <button>提交</button> </form></p><p>解释：<form>元素主要是定义本身是一组表单。元素名称说明 action 表示表单提交的页面 method 表示表单的请求方式：有POST和GET两种，默认GET 表示浏览器对发送给服务器的数据所采用的编码格式。有三种：application/x-www-form-urlencoded （默认编码， enctype 不能将文件上传到服务器）、multipart/form-data （用于上传文件到服务器）、text/plain （未规范的编码，不建议使用，不同浏览器理解不同） name 设置表单名称，以便程序调用 target 设置提交时的目标位置：_blank、_parent、_self、_top 设置浏览器记住用户输入的数据，实现自动完成表单。默认 autocomplete 为on 自动完成，如果不想自动完成则设置off。 novalidate 设置是否执行客户端数据有效性检查，后面课程讲解。 //使用get提交数据 method="get" //丧失自动提示功能 autocomplete="off" //使用_blank新建目标 target="_blank" 2.<input>表示用户输入数据 <input name="user"> 解释：<input>元素默认情况会出现一个单行文本框，有五个属性。属性名称说明 autofocus 让光标聚焦在某个input元素上，让用户直接输入</p><h2>HTML表单页面的基本结构</h2><p>HTML表单页面的基本结构本章开始讲解表单和框架，其中重点是如何使用表单中的各种元素．如何使用框架制作多窗框页面；难点是表单中的post方法和get方法的区别．窗口的target 属性。为了能在一个页面中显示多个HTML文档．我们还要介绍框架。本节单词记忆：标签 1.form 2.input属性 1.action 2.method 3.size 4.maxlength 5.checked 网页学习网提示：html语言非常简单，不需要逻辑理解，而绝大部分朋友觉得它难以掌握，90%的原因在于英语单词不过关，所以每节记忆几个单词是非常有必要的。热衷于上网的用户经常会在网上看到一些会员注册页面、购买某个商品收集信息页面、网上调查问卷页面、搜索工具页面等，这些页面是什么做的呢？我不敢说完全是用表单做的，但我敢肯定至少包含有表单，所以表单主要用来收集客户端相关信息，使网页具有交互功能。本节主要讨论如何使用HTML来创建表单，然后向表单中添加表单元素。网页中的表单用途很广，而且还在不断发展。下面我们就列举一些典型的表单应用： ●在用户注册某种服务或事件时收集姓名、地址、电话号码、电子邮件和其他信息。 ●为收集购买某个商品的订单信息。例如，如果想通过Intemet购买一本书，则必须填写姓名、联系电话、邮寄地址、付款方式和其他相关信息。 ● 收集关于调查问卷信息。大部分提供服务性的网站都鼓励用户参与调查问卷，提供反馈信息。这些反馈信息除了维系良好的客户关系外，它还有助于改进和提高网站的服务质量，从而使网站的服务更具人性化，吸引更多的浏览者。 ●为网站提供搜索工具。提供各种信息的站点通常会为用户提供一个搜索框，使用户能够更快地找到想要的信息，如比较著名的搜索网站：谷歌(http： //www.google.cn)、百度(http：//www.baidu.com)等。如图1所示是网页上的一个典型表单。</p><h2>html表单生成器的优点</h2><p>HTML表单生成器的优点现在网页表单生成器可以用在线工具自动生成，以便让大家对创建在线表单。当用户启动建筑形式，它会自动形成数据库，脚本和后端所需要的快速采集数据。一切先进的服务器上托管，所有你需要做的是开始构建表单登录一个网站，您的帐户。在线表单生成器是那么容易的过程，它可以在几分钟内完成。现在的形式是非常重要的收集和收集有用的信息，任何人，数据或信息使您的企业在竞争激烈的全球业务环境中的积极和强大的。现在，在线表单生成器使网站制作变得非常容易。到目前为止，我们已经看到的HTML如何管理和显示的信息，主要是通过文字，图像和链接。它仍然是看我们如何与我们的游客可以交换信息。从那时起，这个新的外观是中央可以通过web进行的许多行动。我们前面看到的，我们可以通过电子邮件地址的链接，直接联系的电子邮件。但是，此选项可能会导致在某些情况下，小灵活，如果我们要的是导航器发送我们非常精确的信息，并要求游客在您的电脑上已安装的任何电子邮件程序，如Outlook Express中。这就是为什么在HTML 形式提出另一种解决方案更广泛的形式。是那些著名的文本框和按钮，可以发现很多网站上。他们都很习惯搜索或输入个人资料，如电子商务网站。这些字段中输入的数据被发送到管理员的电子邮件的形式或程序，可自动处理。有什么可以做的一种形式吗？只能使用HTML的电子邮件的形式发送的内容，那就是，建立与各个领域的一种形式，当你按下“发送”按钮，生成一个组成窗口电子邮件与数据用户进入这些领域，我们经常会想要做的东西更复杂的形式，自动发送邮件到电子邮件，而无需通过任何电子邮件程序的内容由。这种形式将处理程序。东西可以更复杂一点，因为我们必须使用其他更复杂的HTML语言本身。在这种情况下，最简单的解决方案是使用预先设计的方案，我们提供了大量的托管服务器，并允许我们存储和处理数据文件或其它格式的形式。如果您的网页托管的服务器上，为您提供这种好处，你总是可以求助于第三方服务器提供的网站或其他免费服务。当然，另一种选择是学习语言如ASP或PHP，除其他外，将允许处理形式。因此，在总结，你可以使用HTML表单生成器，轻松地与不同类型的字段建立HTML表单，如文本框，单选按钮，复选框，下拉菜单等。但是，应该明确的是，因为你不能直接发送HTML邮件，它会生成一个电子邮件到访问者的计算机，它将不得不把“手动”，使用您的电子邮件程序。如果你想要的形式自动发送，或者在服务器上处理生成另一个响应，我们需要的编程语言。本文来源：http://www.xawzzz.com/?p=768</p><h2>jquery中 html()、text() 、val() + 常用表单元素</h2><p>1..html()用为读取和修改元素的HTML标签 2..text()用来读取或修改元素的纯文本内容 3..val()用来读取或修改表单元素的value值。这三个方法功能上的对比 1..html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的 HTML内容（包括其Html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。【text也是只能读取第一个选中元素的文本】 2..html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容，如果三个方法同时运用在多个元素上时，那么将会替换所有选中元素的内容。 3..html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。例子：<div id="div"> here is a paragram <div>here is a big DIV</div> </div> function showVal() { var div = $("#div"); alert("showVal(): "+div.val()); 显示为空 } function showHtml() { var div = $("#div"); alert("showHtml(): "+div.html()); 显示为： here is a paragram</p><h2>jQuery对表单元素的取值和赋值操作代码</h2><p>使用常规的思路：$(“#keyword”).value 取值是取不到的，因为此时$(‘#keydord’)已经不是个element，而是个jquery对象，所以应该使用：$(“#keyword”).val() $("#keyword")[0].value = ""; /*获得TEXT.AREATEXT的值*/ var textval = $("#text_id").attr("value"); //或者 var textval = $("#text_id").val(); /*获取单选按钮的值*/ var valradio = $("input[type=radio]:checked").val(); /*获取一组名为(items)的radio被选中项的值*/ var item = $('input[name=items]:checked').val(); /*获取复选框的值*/ var checkboxval = $("#checkbox_id").attr("value")； /*获取下拉列表的值*/ var selectval = $('#select_id').val(); /*文本框，文本区域*/ $("#text_id").attr("value",");//清空内容 $("#text_id").attr("value",'test');//填充内容 /*多选框checkbox*/ $("#chk_id").attr("checked",");//使其未勾选 $("#chk_id").attr("checked",true);//勾选 if($("#chk_id").attr('checked')==true) //判断是否已经选中 /*单选组radio*/ $("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 /*下拉框select*/ $("#select_id").attr("value",'test');//设置value=test的项目为当前选中项 $("testtest2").appendTo("#select_id")//添加下拉框的option $("#select_id").empty()；//清空下拉框 /*获取一组名为(items)的radio被选中项的值*/ var item = $('input[name=items]:checked').val(); //若未被选中则val() = undefined</p><h2>表单页面功能元素设计攻略：字段种类及属性说明</h2><p>表单页面功能元素设计攻略：字段种类及属性说明本文参考了一些表单编辑平台的字段功能，基本上涵盖了平时常用的所有表单字段。字段种类文本：单行文字、多行文字、描述号码数值：数字（小数点后保留）金额计算公式选项：单级下拉框、多级下拉框（级联）下拉菜单：单项选择、多项选择矩阵单选矩阵填空工作区成员日期和时间图片：图片单选、图片多选附件：上传文件分页：向下展开、设置单页数据数量、显示全部、滚动加载网址评分关联：表单关联、字段关联、综合计算公式的关联实例字段：联系信息姓名昵称性别身份证号手机座机邮箱微信QQ地址/地理位置备注表单字段公共属性说明</p><p>基础字段标题：此属性用于告诉填写者应该在该字段中输入什么样的内容。通常是一两个简短的词语，也可以是一个问题。（页面初始化）默认值：设置后，此值将作为默认值显示在该字段的输入框中。如果不需要设置默认值，请将此处留空。字段提示：此属性用于指定对该字段进行一些附加说明，一般用来指导填写者输入。数据类型：字母（分大小写和不分大小写）、阿拉伯数字、中文（一个汉字=两个字符）、限定种类的混合字符数据（字母开头、只限字母和数字、只限字母、只限数字、字母数字英文“_”中文“-”）标识布局设置排列方式：纵向、横向宽度占整行的百分比：占总宽度的百分比。设置表单宽度值和高度值校验必填校验：勾选后，该字段将不允许为空，在字段名称后会有红色的星号标出。如果填写者在提交表单时必填字段没有输入，系统将会给出相关错误提示，表单将无法提交。该属性常用于需要强制填写者必须输入的字段。（单选）设置“其他”必填：勾选后，当填写者选中“其他”时，需要同时填写“其他”后面的文本框；如果填写者在提交表单时，该文本框没有输入内容，系统将会给出相关错误提示，表单将无法提交。唯一校验：勾选后，该字段将将不允许重复，在字段名称后会有红色的星号标出。如果填写者在提交表单时字段不唯</p><h2>HTML表单</h2><p>HTML表单一、表单 1.表单的作用 HTML 表单用于接收不同类型的用户输入，用户提交表单时向服务器传输数据，从而实现用户与Web服务器的交互。 2.表单的工作机制 3.表单定义（<form></form>标签） HTML表单是一个包含表单元素的区域，表单使用<form> 标签创建。表单能够包含input元素，比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。注意，<form >元素是块级元素，其前后会产生折行。 1<form action="login.do" method="post"> 2 3</form> 3.表单属性 action：规定当提交表单时，向何处发送表单数据。action取值为:第一，一个URL（绝对URL/相对URL），一般指向服务器端一个程序,程序接收到表单提交过来的数据（即表单元素值）作相应处理。比如<form</p><p>action="http://www.XXX.com/login.do">,当用户提交这个表单时，服务器将执行网址"http://www.XXX.com/"上的名为"login.do"的一般处理程序。第二，使用mailto协议的URL地址，这样会将表单内容以电子邮件的形式发送出去。这种情况比较少见的，因为它要求访问者的计算机上安装和正确设置好了邮件发送程序。第三，空值，如果action为空或不写，表示提交给当前页面。 method：该属性定义浏览器将表单中的数据提交给服务器处理程序的方式。关于method的取值，最常用的是get和post。第一，使用get方式提交表单数据，Web浏览器会将各表单字段元素及其数据按照URL参数格式附在<form>标签的action属性所指定的URL地址后面发送给Web服务器；由于URL的长度限制，使用get方式传送的数据量一般限制在1KB以下。第二，使用post方式，浏览器会将表单数据作为HTTP请求体的一部分发送给服务器。一般来说，使用post方式传送的数据量要比get方式传递的数据量大；根据HTML标准，如果处理表单的服务器程序不会改变服务器上存储的数据，则应采用get方式（比如查询），如果表单处理的结果会引起服务器上存储的数据的变化，则应该采用post方式（比如增删改操作）。第三，其它方式（Head、PUT、DELETE、TRACE 或OPTIONS等）。其实，最初HTTP标准对各种操作都规定了相应的method，但后来很多都没有被遵守，大部分情况只是使用get或post就OK。 target：该属性规定在何处显示action属性中指定的URL所返回的结果。取值有_blank（在新窗口中打开）、_self（在相同的框架中打开，默认值）、_parent（在父框架中打开）、_top（在整个窗口中打开）和framename（在指定的框架中打开）。 title：设置网站访问者的鼠标放在表单上的任意位置停留时，浏览器用小浮标显示的文本。 enctype：规定在发送到服务器之前应该如何对表单数据进行编码。取值：默认值为 "application/x-www-form-urlencoded"，在发送到服务器之前，所有字符都会进行编码（空格转换为"+" 加号，特殊符号转换为ASCII HEX 值）；“multipart/form-data”：不对字符编码。在使用包含文件上传控件的表单时，必须使用该值。 name:表单的名称。注意和id属性的区别：name属性是和服务器通信时使用的名称；而id属性是浏览器端使用的名称，该属性主要是为了方便客户端编程，而在css和javascript中使用的。二、表单元素 1.单行文本框<input type="text"/>（input 的type 属性的默认值就是"text"） <input type = “text” name=“名称”/> 以下是单行文本框的主要属性： size：指定文本框的宽度，以字符个数为单位；在大多数浏览器中，文本框的缺省宽度是20个字符。 value：指定文本框的默认值，是在浏览器第一次显示表单或者用户单击<input type="reset"/>按钮之后在文本框中显示的值。 maxlength：指定用户输入的最大字符长度。 readonly：只读属性，当设置readonly属性后，文本框可以获得焦点，但用户不能改变文本框中的value。 disabled：禁用，当文本框被禁用时，不能获得焦点，当然，用户也不能改变文本框的值。并且在提交表单时，浏览器不会将该文本框的值发送给服务器。 2.密码框<input type="password"/> <input type=“password” name=“名称”/> 3.单选按钮<input type="radio"/></p><h2>怎么样用HTML来写表单</h2><p>怎么样用HTML来写表单表单是实现动态网页的一种主要的外在形式。表单和表单域并不具有排版的能力，表单网页的制作最终还是要由表格组织起来。html表单是html页面与浏览器端实现交互的重要手段。利用表单可以收集客户端提交的有关信息。在浏览网站时经常会遇到表单，它是网站实现互动功能的重要组成部分。无论网站使用的是那种形式的语言来实现网站的互动功能，例如ASP、PHP、JSP，表单已经成为它们统一的外在形式。表单的主要功能是收集信息，具体说是收集浏览者的信息。例如在网上要申请一个电子信箱，就必须按要求填写完成网站提供的表单页面，其主要内容是姓名、年龄、联系方式等个人信息。又例如要在某论坛上发言，发言之前要申请资格，也是要填写完成一个表单网页。表单可以用于调查、订购、搜索等功能。一般的表单由两部分组成，一是描述表单元素的html源代码，二是客户端的脚本，或者服务器端用来处理用户所填信息的程序。在html里，我们可以定义表单，并且使表单与CGI或ASP等服务器端的表单处理程序配合。表单信息处理的过程为：当单击表单中的提交按纽时，输入在表单中的信息就会上传到服务器中，然后由服务器中的有关应用程序进行处理，处理后或者将用户提交的信息储存在服务器端的数据库中，或者将有关的信息返回到客户端浏览器中。表单是网页上的一个特定区域。这个区域是由一对<Form>标记定义的。这一步有几方面的作用。第一方面，限定表单的范围。其它的表单对象，都要插入到表单之中。单击提交按纽时，提交的也是表单范围之内的内容。第二方面，携带表单的相关信息，例如处理表单的脚本程序的位置、提交表单的方法等。这些信息对于浏览者是不可见的，但对于处理表单确有着决定性的作用。基本语法 01 <Form name="Form＿name" method="method" action="url" enctype="value" target="target＿win"> 02 …… 03 </Form> 语法解释 <Form>标记的属性如下表所示属性描述</p><h2>表格标签和表单标签(下)</h2><p>表格标签和表单标签（下）二、表单 1.表单的作用表单在网页中主要负责数据采集功能，是网站管理者与浏览者之间沟通的桥梁。 2.表单的组成一个表单有三个基本组成部分：表单标签：这里面包含了处理表单数据的URL 以及数据提交到服务器的方法。表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上或者取消输入。 3.表单页面的实现第一步：先写一对form标签及其它的标签属性。 <form action=“表单提交地址”method=“post/get”> 这里面包含了所有的表单控件 </form> Action: 向何处发送表单数据,一般指的是后台程序。 Method: 规定如何发送表单数据。有两种方式（get与post） get与post的区别是： a)get是从服务器上获取数据，post是向服务器传送数据。 b) get是把参数数据队列加到提交表单的action属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post 机制，将表单内各个字段与其内容放置在HTML header内一起传送到 action属性所指的URL地址。用户看不到这个过程。 c)对于get方式，服务器端用Request.QueryString获取变量的值，对于 post方式，服务器端用Request.Form获取提交的数据。 d)get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。但理论上，IIS4中最大量为80KB，IIS5中为100KB。 e) get安全性非常低，post安全性较高。但是执行效率却比Post方法好。建议： get方式的安全性较Post方式要差些，包含机密信息的话，建议用Post数据提交方式；</p><h2>表单网页的制作方法</h2><p>表单网页的制作方法教学目的： 1、理解表单的概念及作用； 2、熟悉表单字段的种类和功能； 3、掌握表单网页的制作方法。教学重点： 1、表单作用的理解和表单网页的制作。 2、如何验证表单元素的正确性。教学难点： 1、如何将表单具体应用，设计出精美网页。 2、如何验证表单元素的正确性。新课内容：一、表单的概念及作用表单（Form）是一种结构化的文件，用于收集和发布信息。它是网站管理员与访问者进行交流的一种媒介，通过访问者填写表单中的选择题、填空题和问答题，网站管理员可以收集到来自世界各地的资料和意见。目前表单主要用来进行意见调查、在线查询、网上购物、在线申请等。在表单中经常出现的字段有：单行文本框、多行滚动文本框、单选框、复选框、下拉列表框和按钮。二、HTML表单设计基础表单在HTML页面中起着重要作用，它是与用户交互信息的主要手段。一个表单至少应该包括说明性文字、用户填写的表格、提交和重填按钮等内容。用户填写了所需的资料之后，按下“提交资料”按钮，这样所填资料就会通专门的CGI接口传到Web服务器上。网页的设计者随后就能在Web服务器上看到用户填写的资料，从而完成了从用户到作者之间的反馈和交流。对于免费个人网站，往往服务器不提供CGI功能，也可以电子邮件来接收用户的反馈信息。表单中主要包括下列元素： button——普通按钮 radio ——单选按钮 checkbox——复选框 select ——下拉式菜单 text ——单行文本框 textarea——多行文本框</p><p>submit——提交按钮 reset——重填按钮用HTML设计表单常用的标记是：<form>、<input>、<Option>、<Select>、<textarea>和<isindex>等标记。 1、<form>表单标记该标记的主要作用是设定表单的起止位置，并指定处理表单数据程序的url地址。其基本语法结构如下： <form action＝url method=get|post name＝value onreset=function onsubmit＝function target=window> </form> 其中action：用于设定处理表单数据程序url的地址。这样的程序通常是CGI应用程序，采用电子邮件方式时，用action="mailto:你的邮件地址"。 method：指定数据传送到服务器的方式。有两种主要的方式，当method=get时，将输入数据加在action指定的地址后面传送到服务器；当method=post时则将输入数据按照HTTP传输协议中的post传输方式传送到服务器，用电子邮件接收用户信息采用这种方式。 name：用于设定表单的名称。onrest和onsubmit是主要针对“reset”按钮和“submit”按钮来说的，分别设定了在按下相应的按钮之后要执行的子程序。 target：指定输入数据结果显示在那个窗口，这需要与<frame>标记配合使用。 2、<input>表单输入标记此标记在表单中使用频繁，大部分表单内容需要用到此标记。其语法如下： <inPut aligh=left|righ|top|middle|bottom name=value type=text|textarea|password|checkbox|radio|submit|reset|file|hidden|image|button value=value src=url checked maxlength=n size=n onclick=function onselect=function> align：是用于设定表单的位置是靠左（left）、靠右（right）、居中（middle）、靠上top）还</p><h2>hTML基本表单标签</h2><p>1、上次讲解内容 1）文字类的标签：<font size=”” color=”” face=””>，<br>，，<h1> <h6>，<hr> 2）图片标签：<img src=”” width=”” height=””>，背景使用bgcolor或background 3）表格标签：<table>，<tr>，<td>，合并单元格使用：rowspan（行合并），colspan（列合并） 2、本次讲解内容 2.1、其他的格式处理标签对于表格来说，最核心的就是<table>、<tr>和<td>，除了这些以外，表格还支持其他标签，这些了解即可。对于表格的编写来说，每次都写一堆tr和td，很麻烦，因此Sublime Text提供了一个很好的插件功能，可以自动生成代码。可以通过* 来按照乘法生成标签，例如：完成3行的tr tr*3，然后按Tab即可自动生成。 td*5就可以生成5个td。同时这个插件还支持嵌套标签使用，通过>来表示多层标签。例如：生成一个tr下有3个td tr>td*3 生成3行5列的表格。 tr*3>td*5，或者(tr>td*5)*3，都可以实现这个效果。表格中不常用的标签主要有： 1）caption：表格的标题 2）thead、tbody、tfoot：设置表头、表内容、表尾（脚）的内容分隔。不使用这些标签也可以完成这些功能，因此很少用。 3）th：表头专用的单元格，这样设置后文字的加粗和文字的位置都会改变，不符合我们的要求。除了表格以外，还有一种标签可以控制格式，就是列表标签。用来完成文字列表的功能，类似word里的列表在HTML中，列表有三类： 1）有序列表 2）无序列表 3）描述列表</p><h2>HTML 表单基础知识</h2><p>序言每个人都曾看到过和用过表单,不过你曾写代码创建过一个表单吗? 表单是网页上用于输入信息的区域,例如向文本框中输入文字或数字,在方框中打勾, 使用单选按钮选中一个选项,或从一个列表中选择一个选项等.在你按下提交按钮后,表单就被提交到网站. 表单在网上随处可见,它们被用于在登录页面输入用户名和密码,对博客进行评论, 在社交网络网站填写个人信息,或在购物网站指定记账信息等. 创建表单并不难,但要创建出符合 Web 标准的表单又是怎么样的呢?如果你已经通读了本课程前面的所有文章,也许已认识到 Web 标准是规范网页编写工作的好方式.因此,创建一个符合 Web 标准的,可访问性好的表单,并不比以不符合规范的代码编写一个不符合 Web 标准的表单更费力. 在本篇文章中, 我将一步一步讲述如何创建 HTML 表单, 从最基本和最简单的表单到更复杂的表单.在学习完本篇文章后,你们应该就能掌握使用 HTML 创建有效的,可访问性好的表单的基础知识.本篇文章的内容目录如下:<br> <br>第一步:基本代码第二步:添加结构和行为第三步:添加语义,样式和更多的结构元素总结延伸阅读练习题<br>第一步:基本代码第一步: 我们从创建一个简单的评论表单开始,评论表单可用于让访问者对网站上的内容如文章等发表评论,还可用于让不知道你邮箱地址的访问者在表单中输入信息,与你联系.这种评论表单的代码如下: <form> Name: <input type="text" name="name" id="name" value="" /> Email: <input type="text" name="email" id="email" value="" /> Comments: <textarea name="comments" id="comments" cols="25" rows="3">

html表格有3个基本组成部分

竭诚为您提供优质文档/双击可除html表格有3个基本组成部分篇一：html表单页面的基本结构 html表单页面的基本结构本章开始讲解表单和框架，其中重点是如何使用表单中的各种元素．如何使用框架制作多窗框页面；难点是表单中的post方法和get方法的区别．窗口的target属性。为了能在一个页面中显示多个html文档．我们还要介绍框架。本节单词记忆：标签1.form2.input属性 1.action 2.method 3.size 4.maxlength 5.checked 网页学习网提示：html语言非常简单，不需要逻辑理解，而绝大部分朋友觉得它难以掌握，90%的原因在于英语单词不过关，所以每节记忆几个单词是非常有必要的。热衷于上网的用户经常会在网上看到一些会员注册页面、购买某个商品收集信息页面、网上调查问卷页面、搜索工具页面等，这些页面是什么做的呢？我不敢说完全是用表单做的，但我敢肯定至少包含有表单，所以表单主要用来收集客户端相关信息，使网页具有交互功能。本节主要讨论如

何使用html来创建表单，然后向表单中添加表单元素。网页中的表单用途很广，而且还在不断发展。下面我们就列举一些典型的表单应用： ●在用户注册某种服务或事件时收集姓名、地址、电话号码、电子邮件和其他信息。 ●为收集购买某个商品的订单信息。例如，如果想通过intemet购买一本书，则必须填写姓名、联系电话、邮寄地址、付款方式和其他相关信息。 ●收集关于调查问卷信息。大部分提供服务性的网站都鼓励用户参与调查问卷，提供反馈信息。这些反馈信息除了维系良好的客户关系外，它还有助于改进和提高网站的服务质量，从而使网站的服务更具人性化，吸引更多的浏览者。 ●为网站提供搜索工具。提供各种信息的站点通常会为用户提供一个搜索框，使用户能够更快地找到想要的信息，如比较著名的搜索网站：谷歌(http：//)等。如图1所示是网页上的一个典型表单。图1典型的表单一、表单包含的控件创建表单后，就可以在表单中放置控件以接受用户的输入。这些控件通常放在标签对之间一起使用，也可以在表单之外用来创建用户界面。在网上冲浪时，我们经常会见到一些常用的控件，例如：让用户输入姓名的单行文本框，让用

HTML5表单

最新HTML5 表单元素表单是页面中不可缺少的元素，没有表单，就没有现在如此生动，趣味的页面。不过虽然表单很重要，但在HTML 5 之前，表单的元素不多，属性和方法也不多，很多属性和方法都是用JavaScript 模拟的，用JavaScript 模拟这些功能要花费不少的时间和精力。如果用户能使用到这些模拟的功能，那么花费是值得的；如果用户客户端禁用JavaScript，那么这些功能将全部挂掉，时间和精力都白白浪费了。HTML 5 出现之后，这一切都不同了。HTML 5 增加的表单、表单类型以及表单属性，不但节省了开发者的时间，而且让更多应用成文可能。下面来看看HMTL 5 新增表单类型的简单说明。新增的input 元素类型

也许你看到一些类型就知道它是用来干什么的，如email、date 等，下面就来更详细的说明和在一些浏览器中的效果。 color color 类型用来选取颜色，它提供了一个颜色选取器，值为16 进制符号，如：#ff0000。目前只在Opera 和Blackberry 浏览器中支持。 date date 类型是一个日期选择器，有了这个就不需要用JavaScript 编写日历控件了，非常方便。

datetime和datetime-local datetime 类型是用来输入UTC 日期和时间的文本框，而datetime-local 类型是用来输入本地日期和时间的。它们与date 类型的区别是后面多了一个时间框和“UTC”。 month 和week

month 类型是月份选择器，它的值为：年-月，如：2012-01；week 类型是周选择器，它的值为：年-W周数，如：2011-W02。 time time 类型是时间文本框，可以手动输入或用右边上线箭头控制。显示效果可以查看 datetime-local 效果的右边。 email 和url email 类型用来输入E-mail 地址，它会验证文本框内的内容是否为合法的E-mail 地址。url 类型是用来输入url 地址的，它会验证url 地址是否合法。

初级html代码大全

初级html代码大全初级html代码大全1)贴图：<imgsrc="图片地址"> 2)加入连接：<ahref="所要连接的相关地址"> 写上你想写的字</a>3)在新窗口打开连接：<ahref="相关地址"target="_blank"> 写上要写的字</a>4)移动字体(走马灯)：<marquee> 写上你想写的字 </marquee>5)字体加粗：<b> 写上你想写的字</b>6)字体斜体：<i> 写上你想写的字 </i>7)字体下划线:<u> 写上你想写的字 </u>字体删除线:<s> 写上你想写的字 </s>9)字体加大:<big> 写上你想写的字 </big>10)字体控制大小：<h1> 写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大，h5最小) 11)更改字体颜色：<fontcolor="#value"> 写上你想写的字</font> (其中value值在000000与ffffff(16位进制)之间12)消除连接的下划线：<ahref="相关地址"style="text-decoration:none"> 写上你想写的字</a> 13)贴音乐：<embedsrc="音乐地址"width="宽度"height="高度"autostart=false>14)贴flash:<embedsrc="flash 地址"width="宽度"height="高度">15)贴影视文件：<imgdynsrc="文件地址"width="宽度"height="高度

第三章 表单与表单元素

jQuery对表单元素的取值和赋值操作

HTML网页设计(表单元素)

html表格有3个基本组成部分

HTML5表单

初级html代码大全

第三章表单与表单元素