【深入理解HTML表单】教程文章相关的互联网学习教程文章

html表单知识大全

8.1 表单标记<form><form name="表单名称" method="提交方法" action="处理程序">......</form>? 表单属性:◆ action:用于指定表单的服务端程序,规定当提交表单时,向何处发送表单数据。action取值为:第一,一个URL(绝对URL/相对URL),一般指向服务器端一个程序,程序接受到表单提交过来的数据(即表单元素值)作相应处理。比如:当用户提交这个表单时,服务器将执行名为"reg.ashx"的一般处理程序。第二,使用mailto协议的URL地...

HTML表单和输入的详细介绍

HTML 表单表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。表单使用表单标签 <form> 来设置:<form>.input elements.</form>HTML 表单 - 输入元素多数情况下被用到的表单标签是输入标签(<input>)。输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下:文本域(Text Fields)文本域通过<input type="text...

处理表单使input等文本框为只读不可编辑的方法

方法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" value="中国" readonly="true">方法3: disabled <input type="text" name="input1" value="中国" disabled>Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,总结如下:...

HTML交互式表单验证【图】

在 HTML 中创建表单总是有点复杂。你首先得将 HTML 标记编写正确,然后需要确保每一个表单项在提交之前都有一个可用的值,最后还需要在有问题时用提醒来告知用户。还好 HTML5 引入了一些新的特性,让这件事情变得轻松了许多。特别是对表单控件进行了扩展来支持约束,从而无需使用 JavaScript, 就可以让浏览器在客户端对表单内容进行验证。WebKit 已经进行了部分支持。在表单控件上使用属性来描述约束,然后使用 JavaScript 中的 c...

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

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

有关表单提交的问题

问题:在HTML中如何写跳转到某文件?HTML中我希望按了提交后转到aaa.asp这个文件,action这里应该怎么写?form<form id="form" name="form" method="post" action=""> <input type="submit" name=&quo问题:在HTML中如何写跳转到某文件?HTML中我希望按了提交后转到aaa.asp这个文件,action这里应该怎么写?form<form id="form" name="form" method="post" action=""> <input type="submit" name="Submit" value="提交" />终极讨厌...

HTML中表单form的相关知识说明

在Javascript 中,页面上的每一对<form> 标记都解析为一个对象,即form 对象。可以通过document.forms 获取以源顺序排列的文档中所有form 对象的集合。如果一个表单对象定义如下:<form name="frm1" method="post" action="login.aspx">获得该表单对象的方法: i> document.forms["frm1"]; // 根据name属性值 ii> document.forms[0]; // 根据索引号iii> document.frm1; // 直接根据name值获得对象 form 表...

HTML的表单form以及form内部标签的使用介绍

这篇文章主要介绍了HTML的表单form以及form内部标签的使用,需要的朋友可以参考下代码如下:<html> <head> <title> form表单的使用 </title> <!-- 标签名称:form 表单标签 属性:action:提交的去向,目标地址的url method:设置提交请求的方式,get和post;默认为get get和post提交有什么区别?------------------------ get传输:将内容信息放在地址栏传输,而且长度限制在1k,而且安全性不好。 post传输:将内容房子body信息...

去除表单的回车即提交即回车!=提交

默认情况下,单个输入框,无论按钮的type="submit"还是type="button"类型,回车即提交,那么如何去除表单的回车即提交,下面有个不错的示例大家可以参考下 实现"回车!=提交"的问题,一般可以从"按钮的type类型" 和 "输入框个数"两处着手。 默认情况下,单个输入框,无论按钮的type="submit"还是type="button"类型,回车即提交。 1.当type="submit"时,无论有几个type="text"输入框,回车均表示提交。(submit) 2.当type="button"时...

表单Form元素实现代码以注册为例的示例【图】

这篇文章主要介绍了表单Form元素的一些简单实现代码以注册为例,需要的朋友可以参考下 代码实现方式: 代码如下: <!DOCTYPE html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <meta charset="utf-8"> <style type="text/css"> p{ width:35%;margin-left:32%;} </style...

HTML中禁用表单控件的方法readonly与disabled

有时候我们会希望表单上的控件是不可修改的,比如在修改密码的网页中,显示用户名的文本框就应该是不可修改状态的,下面与大家分享下禁用表中控件的两种方法 在网页的制作过程中,我们会经常使用到表单。但是有时候我们会希望表单上的控件是不可修改的,比如在修改密码的网页中,显示用户名的文本框就应该是不可修改状态的。 在html中有两种禁用的方法,他们分别是: 1.给控件标签加上readonly=readonly属性 2.给控件标签加上disab...

使用图片按钮作为重置(reset)表单按钮

用一些小图片来代替这些按钮,对于提交按钮使用图片的方法非常简单,相信大家都会。那么如何使用图片按钮作为重置(reset)表单按钮呢,感兴趣的朋友可以看看 我们在做表单的时候往往会设置一个提交按钮和一个重置按钮,有时可能会为了页面的好看而使用一些小图片来代替这些按钮,对于提交按钮使用图片的方法非常简单,相信大家都会。那么如何使用图片按钮作为重置(reset)表单按钮呢?请接着往下看。 这里假设我有两个图片:提交按钮...

深入理解HTML表单

表单元素从 HTML 到 HTML5, 表单相关的元素已经得到了很大的扩充, 基本能够满足我们常见的需求。但在实际工作中, 因为交互或者浏览器兼容的需要, 有时候不得不对原生的表单元素进行扩展或者模拟。但在此之前, 清楚的了解并掌握各种表单元素还是很重要的。在本文中,我们将对表单元素 (默认是指 HTML5 表单元素)进行详细的阐述。form●form 会自动处理 submit 事件 (submit 事件通常由 type=submit 的 input 或者 button 的元素触发...

Html学习(8)-表单组件:input和select【图】

表单标签:<form>表单标签式最常用的标签,用于与服务器端的交互[code]<input>:输入标签;用于接收用户输入信息。 其中的type属性指定输入标签的类型。文本框 text。输入的文本信息直接显示在框中。密码框 password。输入的文本以原点或者星号的形式显示。单选框 radio。如:性别选择。复选框 checkbox。如:兴趣选择隐藏字段 hidden。在页面上不显示,但在提交时的时候也随其他内容一起提交。提交按钮 submit。 用于提交表单中的内...

Html学习(9)-表单格式化【图】

格式化表单中的内容[code]<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame Remove this if you use the .htaccess --> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>reg</title> </head> <body> <form> <table border="1" bordercolor="#336699" cellpadding="10" cel...