表单：

<form id="" name="" method="post/get" action"负责处理的服务端"><form>

id不可重复；name可以重复；get提交长度有限制，并且编码后的内容在地址栏可见，post提交无长度限制，且编码后长度不可见。

value  输入的值

disabled  否定input，使按钮失效，满足条件前不可点击

enable 使按钮可用

1.文本输入

文本框<input type="text" value="" />

密码框<input type="password" value="" />

文本域<textarea cols=""(字符多少) rows=""(几行高)></textarea>

隐藏域<input type="hidden" value="" />

2.按钮

提交按钮<input type="submit" value="提交" />  点击后转到form内的提交服务器的地址

重置按钮<input type="reset" value="重置" />　

普通按钮<input type="button" value="登陆" />

图片按钮<input type="image" src="" />

3.选择输入

单选项按钮

<input type="radio" name="" checked="checked" value="" /> name值用来分组；value值看不见，是提交给程序用的；checked,设置默认选项。

复选框组

<input type="checkbox" />

文件上传

<input type="file" />

<lable for=""></lable>   标签为input元素定义标记，for属性与相关的id属性相同。

下拉列表框

<select size="" multiple="multiple">  size为1时，为菜单；>1时，为列表。  multiple为多选。
<option value="">内容1</option>
<option>内容2</option>
<option selected="selected">内容3</option>   selected，设为默认
</select>

框架

1.frameset

最外层的body换成frameset

<fameset rows="100",* frameborder="no">  上下分，第一行100，剩余为第二行；rows换成cols，为左右分。frameborder="no"去掉分割线

<frame src="页面地址" noresize="noresize">  noresize禁止窗口调整大小

<frame src="" scrolling="no">   scrolling="no"取消显示滚动条

</frameset>

2.iframe    在原来页面嵌入小窗口显示其他页面

<iframe src="其他页面的地址" frameborder="" scrolling="no"></iframe>

frameborder,边线。scrolling，滚动条。如果设置高和宽为0，则不显示，但是在后台会存在这么一个页面。

设计一个邮箱界面

<!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>无标题文档</title>

</head>

<body bgcolor="#00FFCC">

<font size="7"><b>邮箱注册</b></font>

<form>

<table width="720" height="75" border="0" cellpadding="10" cellspacing="5">

<tr>

<th align="right">邮箱账号</th>

<td><input type="text" value="" /></td>

</tr><br />

<tr>

<th align="right">密码</th>

<td><input type="password" value="" /></td>

</tr><br />

<tr>

<th align="right">确认密码</th>

<td><input type="password" value="" /></td>

</tr>

<tr>

<th align="right">昵称</th>

<td><input type="text" value="" /></td>

</tr>

<tr>

<th align="right">性别</th>

<td><input type="radio" name="sex" />男<input type="radio" name="sex" />女</td>

</tr>

<tr>

<th align="right">身份证号</th>

<td><input type="text" value="" /></td>

</tr>

<tr>

<th align="right">所在地</th>

<td>

<select size="1">

<option selected="selected">中国</option>

<option>德国</option>

<option>英国</option>

</select>

<select size="1">

<option selected="selected">山东</option>

<option>北京</option>

<option>上海</option>

</select>

<select size="1">

<option selected="selected">淄博</option>

<option>济南</option>

<option>青岛</option>

</select>

</td>

</tr>

<tr>

<th align="right">手机号</th>

<td><input type="text" value="" /></td>

</tr>

</table>

<table width="720" border="0" cellpadding="10" cellspacing="5">

<tr>

<td align="center"><input type="submit" value="提交" /></td>

<td></td>

<td></td>

</tr>

</table>

</form>

</body>

</html>

HTML基础2 表单和框架的更多相关文章

  1. [JavaWeb基础] 015.Struts2 表单验证框架

    在web开发的过程中,我们经常要用到一些填写表单的操作,我们一般都要在提交表单信息的时候对表单的内容进行验证,struts2给我们提供了简单的实现接口,让我们可以很容易的对表单进行验证.下面讲解下最传 ...

  2. Bootstrap<基础六> 表单

    Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单. 表单布局 Bootstrap 提供了下列类型的表单布局: 垂直表单(默认) 内联表单 水平表单 垂直或基本表单 ...

  3. ValidationSugar表单验证框架-支持ASP.NET MVC ASP.NET WebFroM

    ValidationSugar表单验证框架的优点: 1.支持javascript端和后端的双重验证 (前端目前依赖于jquery.validate.js,也可以自已扩展) 2.代码简洁 3.调用方便 ...

  4. Spring MVC 文件上传、Restful、表单校验框架

    目录 文件上传 Restful Restful 简介 Rest 行为常用约定方式 Restful开发入门 表单校验框架 表单校验框架介绍 快速入门 多规则校验 嵌套校验 分组校验 综合案例 实用校验范 ...

  5. 【ASP.NET 基础】表单和控件

    1.HTML表单的提交方式 对于一个普通HTML表单来说,它有两个重要的属性:action 和 method.action属性指明当前表单提交之后由哪个程序来处理,这个处理程序可以是任何动态网页或者 ...

  6. 2017-3-22 HTML 表单 、框架

    表单:<form action="" method="get/post" ></form> 表单元素:12个 1.文本类 文本框:< ...

  7. 【HTML】 HTML基础知识 表单

    html 表单 表单的标签是<form>,用于给网站的后台提交数据.提交的数据格式原本是什么样不太清楚,以python的flask框架来看,我从表单中得到的数据是一个字典(flask.re ...

  8. 一个自己实现的js表单验证框架。

    经常要做一些表单验证的操作,每次都是用现成的框架,比如jquery,bootstrap等的验证插件,虽然也很强大,也很好用,可就是用起来需要引入许多js库,还有里面功能太多,感觉不太符合自己的需求.最 ...

  9. html基础笔记-表单、链接

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- 字符编码U ...

随机推荐

  1. POJ2965The Pilots Brothers' refrigerator(枚举+DFS)

    The Pilots Brothers' refrigerator Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 22057 ...

  2. Java中各种（类、方法、属性）访问修饰符与修饰符的说明

    类: 访问修饰符 修饰符 class 类名称 extends 父类名称 implement 接口名称 (访问修饰符与修饰符的位置可以互换) 访问修饰符 名称 说明 备注 public 可以被本项目的所 ...

  3. MyEclipse------如何添加jspsmartupload.jar+文件上传到服务器

    下载地址:http://download.csdn.net/detail/heidan2006/182263 如何添加jspsmartupload.jar:右键“Web”工程->properti ...

  4. hdu 2050 折线分割平面

    训练递推用题,第一次做这个题,蒙的,而且对了. #include <stdio.h> int main(void) { int c,a; scanf("%d",& ...

  5. yum命令一些易遗忘的参数

    这些yum命令是我经常忘记的,所以记录下 yum check-update 检查可更新的RPM包 yum update 更新所有的RPM包 yum update kernel kernel-sourc ...

  6. 几款web开发常用jquery特效代码

    特效网:http://www.xwcms.net  1.图片拖动特效http://www.xwcms.net/js/tpdm/32946.html2.弹出层焦点图特效:http://www.xwcms ...

  7. （8）UI（控件）

    1.按钮:   按钮是游戏中最常用的控件类型之一,控制用户点击事件的开关,有正常.按下.禁用三种状态,您可以为他们设置样式及文本.   使用场景   按钮的使用十分普遍,以官方示例中的主场景示例为例, ...

  8. [Effective JavaScript笔记]第1条：了解使用的js版本

    1997年 正式成为国际标准,官方名称为ECMAScript. 1999年 定稿第3版ECMAScript标准(简称ES3),最广泛的js版本. 2009年 发布第5版即ES5,引入了一些新特性,标准 ...

  9. Mac SVN <CornerStone>的安装和配置

    cornerstone需要注意的地方 cornerstone文件夹的删除必须在 cornerstone软件里面删, 否则commit就会显示 up of date, 同步不了 http://www.t ...

  10. onfiguration problem: Unable to locate Spring NamespaceHandler for XML schema namespace [http://www.springframework.org/schema/security]

    org.springframework.beans.factory.parsing.BeanDefinitionParsingException: Configuration problem: Una ...