Lesson02_03 表单标签_基础教程

<form></form>

用来创建一个表单,即定义表单的开始和结束位置

属性名 作用
action 设置处理表单的服务器端URL地址.默认为表单页
method 用来设置将表单中的信息提交给服务端的处理程序时所用的方式
  取值为:get或post 默认值为:get 传大于1K的时候要用post
target 用来指定服务器返回结果显示的目标窗口或目标帧
title 用来设置当网站访问者的鼠标在表彰会上的任一位置停留过几秒时显示的文字
enctype 指示浏览器使用哪种编码方法将表单数据传送给www服务器,其取值为:
application/x-www-form-urlencoded和multipart/form-date,默认为前者

提交按钮:<input type="submit">

用于提交表单的内容
当设有name值时其name及value也要提交给服务器

代码如下:
<form> <input type="submit"> </form>
效果如下:

重置按钮:<input type="reset">

用于将表单的内容置为默认值

代码如下:
<form> <input type="reset"> </form>
效果如下:

单行文本输入区域:<input type="text">

其有一个size属性来指定输入区域的大小,以字符为单位

代码如下:
<form> <input type="text"> </form>
效果如下:
size属性:
<form> <input type="text" size="9"> </form>
效果如下:
maxlength属性下:
<form> <input type="text" maxlength="10"> </form>
只可以输入9个字符
效果如下:
value属性:
<form> <input type="text" value="Loncer"> </form>
效果如下:
readonly属性:
<form> <input type="text" readonly value="Loncer"> </form>

手工改动不了,可以用脚本去改
效果如下:
disable属性:
<form> <input type="text" disabled value="Loncer"> </form>

当不存在这个元素,不将其传给服务器
效果如下:

复选框按钮:<input type="checkbox">


<form> <input type="checkedbox" name=check> </form>
效果如下:
对不
checked属性
<form> <input type="checkedbox" checked name=check> </form>
效果如下:
对不

单选框按钮:<input type="radio">

只可以一个被选中


<form> <input type="radio" name=radio1 value=1 checked>男
<input type="radio" name=radio1 value2>女 </form>
效果如下:
男 女

隐藏字段:<input type="hidden">

不显示,用于提交隐藏的信息

密码输入区:<input type="password">

使输入的内容为*号,即不可见的

代码如下: <from>< input type="password"> </frome> 效果如下:

按钮:<input type="button">

与脚本相连

代码如下:
<from>< input type="button" value="提交"> </frome>
效果如下:
时间: 2024-12-26 10:17:17

Lesson02_03 表单标签_基础教程的相关文章

JavaScript DOM 学习第五章 表单简介_基础知识

因为每一个表单的检测项都不同,所以我也不能给你一个万能的代码.你需要用我在这一章介绍的这些元素构建自己的检测函数.我在后面一张还有一个例子,你也可以参考. 在这一章我会首先讨论一下用JavaScript来检测表单的局限性,然后会解释一下提交时间处理程序,然后是表单本身的一些方法和属性.最后就是如何访问表单元素. 这里还有一篇Jeff Howden的介绍表单的使用错误和解决办法.Forms & JavaScript Living Together in Harmony局限性 首先,你需要了解当用户

详解JavaScript中的表单验证_基础知识

 表单验证用于发生在服务器,客户端已经输入所有必要的数据,然后按下提交按钮之后.如果一些已被输入的客户端的数据的已在错误形式或者被简单地丢失,则服务器将必须的所有数据发送回客户端,并请求的形式以正确的信息重新提交.这是一个漫长的过程,会增加服务器负担. JavaScript中,提供了一种方法将其发送到web服务器之前验证客户端的计算机上的形式的数据.表单验证通常执行两种方式.     基本验证 - 首先,该表必须进行检查,以确保数据输入的需要将其每一个表单字段.这将通过表格的每个字段只需要循环,

JavaScript DOM学习第六章 表单实例_基础知识

表单实例 这是一个表单的实力.这里有一个小问题:因为我的服务器现在不支持,所以表单不能提交.我会打印出你的输入,然后返回一个false,这样表单就没有被提交. onSubmit的代码做了两件事情:检查你是否在四个文本框里面都填写了数据,然后把所有的元素都连接起来打印在下面的文本区域中. 原文中有实例,需要童鞋请移步,我就不搬过来了. 检测文本区域 这段代码会检测用户是否在文本框内输入了内容.他会忽略复选框和单选框,但是会总提醒用户选择select box,就算你选了,也会提醒,因为他的值总是nu

Lesson02_06 分区标签_基础教程

<div></div> 区域标签,用于将若干相邻的html元素组合成一个区域块,对<div>的操作就应用于这个区域内的所有HTML标签. 代码:<div align=center><p> 第一段</P><p> 第二段</P><p> 第三段</P></div> 效果: 第一段 第二段 第三段 <div>标签不能嵌套在段落元素中例如:<p>aa<di

Lesson01_07 图像标签_基础教程

  <IMG>标签 格式:<IMG SRC="">属性: ALT (指定鼠标移动到图像上或是没有显示图像时显示的文本)代码: <IMG src="http://www.thinkme.cn/logo/blog1.gif" alt=Loncer.blog>效果: ALIGN (指定图像与周围的文本的对齐方式) 代码: aaaa<IMG src="http://www.thinkme.cn/logo/blog1.gif

HTML的全局架构标签_基础教程

一个基本的网页结构如下:<HTML> <HEAD><TITLE>显示在浏览器左上方的标题<TITLE></HEAD> <BODY>放置显示在浏览器中的内容</BODY> <BODY>标签的属性: TEXT属性 用于设定整个网页中的文字颜色 LINK属性 用于设定一般超链接文本的显示颜色 ALINK属性 用于敲定当鼠标移动到超链接文字上时,文字的显示颜色 VLINK属性 访问过的超链接文字颜色 BACKGROUN

Lesson02_02 帧标签_基础教程

一个窗口中用帧来显示多个网页 <frameset></frameset>     用来定义框架集中有几个帧,及各个帧是如何排列的!<frameset></frameset>标签对嵌套在<html></html>标签对中,也可以嵌套在其它<frameset></frameset>标签对中.<frameset></frameset>标签对 不能嵌套在<body></body

使用Spring MVC表单标签

概述 在低版本的Spring中,你必须通过JSTL或<spring:bind>将表单对象绑定到HTML表单页面中,对于习惯了Struts表单标签的开发者来说,Spring MVC的这一表现确实让人失望.不过这一情况已经一去不复返了,从Spring 2.0开始,Spring MVC开始全面支持表单标签,通过Spring MVC表单标签,我们可以很容易地将控制器相关的表单对象绑定到HTML表单元素中. 在上一篇文章<Spring MVC的表单控制器>中(http://tech.it16

JSP表单标签,用于自动生成表单标签html代码

  这个是自己写的一个简单的JSP表单标签,用于自动生成checkbox,select,radio等标签,传入菜单集合生成html代码,自动选中指定值,用于java web项目的jsp页面. Servlet部分代码 JSP代码 生成的html代码