表单：

<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. 如何在 Ubuntu 14.04 里面配置 chroot 环境

    你可能会有很多理由想要把一个应用.一个用户或者一个环境与你的 Linux 系统隔离开来.不同的操作系统有不同的实现方式,而在 Linux 中,一个典型的方式就是 chroot 环境. 在这份教程中,我 ...

  2. sql-server数据库中利用触发器实现表与表之间的级联删除

    create trigger Delete_Student --创建一个触发器 on student instead of delete as declare @sno varchar() selec ...

  3. 浏览器的中的 XMLHttpRequest 对象的使用

    使用XMLHttpRequest浏览器对象(IE5.IE6中是ActiveXObject对象)可以实现异步请求,Ajax就是以此为基础进行的封装. 1.同步与异步: <script type=& ...

  4. Unity Shaders Vertex & Fragment Shader入门

    http://blog.csdn.net/candycat1992/article/details/40212735 三个月以前,在一篇讲卡通风格的Shader的最后,我们说到在Surface Sha ...

  5. SqlDataReader读取分页数据，pageCount你是肿么了?

    自己在折腾代码的时候发现,SqlDataReader读取分页数据,存储过程中的输出参数总页数pageCount获取不准确. 我已经问过百度,技术群等..... 都说SqlDataReader用过后关闭 ...

  6. Android内核开发：系统启动速度优化-Android OS启动优化（转）

    Android系统的启动优化主要分为三大部分: (1) Bootloader优化 (2) Linux Kernel的剪裁与优化 (3) Android OS部分的剪裁与优化 本文重点关注Android ...

  7. Linux（Ubuntu）下面SecureCRT 完全破解

    转载声明:本文来自http://www.boll.me/archives/680 相关说明: 上篇发了个Linux(Ubuntu) 下 SecureCRT 7 30天循环破解在启动的时候会多输入一次确 ...

  8. 机器学习公开课笔记(3)：Logistic回归

    Logistic 回归 通常是二元分类器(也可以用于多元分类),例如以下的分类问题 Email: spam / not spam Tumor: Malignant / benign 假设 (Hypot ...

  9. XSS攻击：获取浏览器记住的明文密码

    作者:余弦(@evilcos) 0x01. XSS获取明文密码的多种方式 我已经感受到Web潮流带来的巨大革新,尤其是最近HTML5越来越火.浏览器们在客户端瓜分着这个Web OS,只要是对用户体验好 ...

  10. [Effective JavaScript 笔记]第19条：熟练掌握高阶函数

    高阶函数介绍 高阶函数曾经是函数式编程的一个概念,感觉是很高深的术语.但开发简洁优雅的函数可以使代码更加简单明了.过去几年中脚本语言采用了这些个技术,揭开了函数式编程的最佳惯用法的神秘面纱.高阶函数就 ...